Membuat Spoiler (menu auto-hide)

Hampir sama dengan postingan saya disini, kali ini akan menulis bagaimana membuat menu auto-hide yaitu menu yang bisa dikenal sebagai spoiler berguna untuk menyimpan / menyembunyikan sebuah gadget/widget yang dirasa terlalu menonjol dan menyebabkan blog kita terlalu besar agar blog kita terlihat rapi, jadi nantinya spoiler hanya akan muncul jika di klik oleh mouse dan sembunyi ketika diklik lagi.

Cara untuk membuatnya adalah :
1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah anda).
3.Copy Paste Script yang ada di bawah ini :

<div><div style="margin: 20px; margin-top:5px"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 5px; width: auto; " value="Show" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Hidden'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: none; color:none; background-color:none; text-align: justify; padding:10px;">
TARUH SCRIPT / KONTEN KALIAN DISINI
</div></div></div></div></div>




Notes :
* Tulisan yang berwarna merah bisa Anda ganti sesuai keinginan.
* Yang berwarna hijau adalah tempat untuk meletakkan konten / script widget yang mau Anda sembunyikan.

4. Klik Simpan dan selesai.

Selamat mencoba dan semoga bermanfaat ...

^^


1 coment:

Anime Lost on 21 Juni, 2010 mengatakan...

nice info...
moga bermanfaat..

Poskan Komentar

Blog ku Dofollow para sobat, jadi silahkan berkomentar di blog ku untuk dapat backlink ^^ U Comment I Follow,
Ingat : NO SPAM ! , NO PORN !
Bagi yang tidak mempunyai blog, masukkan nama serta link profil facebook anda...