Selasa, 11 Januari 2011

Cara Membuat Menu Spoiler di Blogger

Spoiler bisa disebut juga sebagai sebuah menu yang bisa menghilang dan bisa muncul lagi, cara kerjanya dengan tombol untuk melakukannya. Saya akan memberitahukan kepada anda bagaimana cara membuat menu spoiler di blogger.

Di bawah ini adalah script yang bisa anda gunakan :

<div style="margin: 5px 20px 20px;"><div style="margin-bottom: 2px;"><b>[Judul Spoiler] <em>[Judul miring]</em></b> : <input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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 = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div><br /><div style="margin: 0px; padding: 6px; border: 1px inset;"><div style="display:none;">[ISI SPOILER]</div></div></div>

Penting : Anda juga bias merubah tulisan yang saya kasih warna :
# [Judul Spoiler] & [Judul miring] : judul tampilan spoiler.
# Show & Hide : tampilan tombol.
# [ISI SPOILER] : isi di dalam spoiler.

Anda bisa memasangnya pada kolom widget yang ada di sebelah samping kanan ataupun kiri anda juaga bisa memasangnya di postingan blog.

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Lontong Blog Themes | Bloggerized by Lontong Blog - Premium Blogger Themes | created by Lontong Blog