Home » Posts filed under script
Tampilkan postingan dengan label script. Tampilkan semua postingan
Tampilkan postingan dengan label script. Tampilkan semua postingan

Senin, 05 Desember 2011

Menambah Efek Salju pada Halaman Blog

Apakabar Teman-teman pembaca Blog Aapaaja, kali ini kita akan membahas bagaimana cara menambah efek salju pada halaman blog kita. jadi halaman blog kita akan terlihat seperti ada butiran-butiran salju yang jatuh. Efek salju ini akan bergerak mengikuti arah peregerakan pointer bagaikan terhembus angin. Agar tidak penasaran terlalu lama mari kita praktekkan saja. Berikut langkah-langkahnya :

1. Langkahnya bakalan singkat, pertama lakukan login seperti biasa di blog
2. Pilih tab Rancangan > Edit HTML > buka fasilitas find
3. Sebelum dilanjutkan jangan lupa backup template dengan cari download pada bagian atas editor template
4. cari code <head> lalu salin script berikut diatasnya :

<script src='http://projectjqueryku.googlecode.com/files/Snowefek2%20oketrik.js' type='text/javascript'/>

5. Terakhir simpan template.

Sekian saja dari blog AapaajA semoga bermanfaat bagi Teman-teman, sampai ketemu lagi dipembahasan berikutnya. Akhir kata Blog AapaajA Terimakasih Atas kunjungannya.
Read More..
Diposting oleh Unknown di 14.09 0 komentar
Label: , , ,

Minggu, 04 Desember 2011

Efek Refresh Auto Pada Blog

Apa kabar Teman pembaca blog Aapaaja semoga kita senantiasa diberikan keberkahan akan ilmu yang kita dapatkan kali ini, sehinja kita semakin lama semakin haus akan ilmu pengetahuan yang akan membawakita kepada kecerdasan. Kali ini kita akan membahasa bagaimana Efek Refresh Autu Pada Blog dapak dilakukan dan bagaimana caranya. Efek Refresh Auto ini merupakan suatu cara agar suatu halaman blog yang sedang dibuka dapat melakukan refresh secara auto maka efek refresh ini mempunyai fungsi yang sama dengan yang ada di aplikasi browse kita yang membedakan hanya Autonya.

Ok Teman-teman kita lanjutkan Prakteknya ini dia langkahnya :

1. Lakukan login pada blog kita
2. Pilih tab Perancangan > Edit HTML > lakukan pencarian <head>
3. Pastekan script berikut sebelum <head> tersebut.

<meta http-equiv="refresh" content="300"/>

:) saya rasa Teman-teman sudah mengerti maksud dari scriptnya, untuk isi dari content merupakan satuan detik jadi kalau kita set 60 = 1 menit. Nah sebaiknya jika Teman-teman ingin memanfaatkannya set parameternya jangan terlalu dekat jedanya ya. Bayangkan aja jika pengunjung kita sedang membaca, tiba-tiba halaman refresh bisa saja mengganggu konsentrasi. Sekian dari Blog Aapaaja semoga bermanfaat, sampai ketemu lagi di kesempatan yang lain.
Read More..
Diposting oleh Unknown di 22.25 4 komentar
Label: , , ,

Menggunakan Spoiler Untuk Posting Blog

Apa kabar Teman-teman blog Aapaaja, kali ini kita akan membahas tentang Spoiler yang biasa dipergunakan pada saat tertentu untuk menyembunyikan beberapa isi dari atrikel. Spoiler merupakan cara yang digunakan untuk menyembunyikan tulisan, link, gambar, video, dan bagian bagian lain yang biasa dipergunakan untuk kebutuhan suatu artikel atau bisa juga pembagasan. Kegunaan spoiler ini adalah untuk menyembunyikan isi tertentu dari pembahasan topik bisa juga di gunakan dalam forum namun suatu forum biasanya menggunakan code yang telah di sediakan, selain itu juga dapat mengurangi ruang space dan pembaca dapat meload halaman dengan lebih cepat.


Ayo kita mulai saja prakteknya agar tidak berbelit-belit. Kita akan bahas 3 macam ini dia silahkan :

1. Menggunakan Spoiler tanpa warna background.

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Lihat'; }" name="button" type="button" value="Contoh Spoiler Tanpa Warna Background" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<p style="text-align: justify;">Spoiler merupakan cara yang digunakan untuk menyembunyikan tulisan, link, gambar, video, dan bagian bagian lain yang biasa dipergunakan untuk kebutuhan suatu artikel atau bisa juga pembagasan. Kegunaan spoiler ini adalah untuk menyembunyikan isi tertentu dari pembahasan topik bisa juga di gunakan dalam forum namun suatu forum biasanya menggunakan code yang telah di sediakan, selain itu juga dapat mengurangi ruang space dan pembaca dapat meload halaman dengan lebih cepat.</p>
</div><div id="hide"></div></div></div>

Contoh :


2. Menggunakan Spoiler dengan warna background dan border.

<div id="spoiler">
<div><input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Lihat'; }" name="button" type="button" value="Contoh Spoiler Dengan Border dan Warna Background" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<div style="color: #000000; background: none repeat scroll 0% 0% #ebf3fb; border: 1px solid #aaccee; padding: 7px; margin: 0px;">
<p style="text-align: justify;">Spoiler merupakan cara yang digunakan untuk menyembunyikan tulisan, link, gambar, video, dan bagian bagian lain yang biasa dipergunakan untuk kebutuhan suatu artikel atau bisa juga pembagasan. Kegunaan spoiler ini adalah untuk menyembunyikan isi tertentu dari pembahasan topik bisa juga di gunakan dalam forum namun suatu forum biasanya menggunakan code yang telah di sediakan, selain itu juga dapat mengurangi ruang space dan pembaca dapat meload halaman dengan lebih cepat.</p>
</div><div id="hide"></div></div></div>


Contoh :


3. yang terakhir Mengguanakan Spoiler pada gambar.

<div id="spoiler"><div>
<input style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = ''; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = 'none'; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Lihat'; }" name="button" type="button" value="Contoh Dengan Gambar" /></div>
<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">
<img class="aligncenter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2jws7PcygIxIxYXgg5wJX5iqYNXaEKMFFPFxPgBmogmzCD8FmXnTTCn2braFkZVcQNkrg7rXq9yDgCG5y1wyhQjk938p_9ZcoieHy2EP78ba6uy8cckATwzcgQ6b_tOxGmrlxZtbJ9xw/s1600/SpoilerButton.jpg" alt="spoiler" width="300" height="280" />
</div><div id="hide"></div></div></div>


Contoh :

Read More..
Diposting oleh Unknown di 16.59 0 komentar
Label: , , ,
Langganan: Postingan (Atom)
Top Bottom Back To Top