Cara membuat tombol Buka Tutup di blog (Spoiler)

Lanjutan dari posting sebelumnya seputar  kali ini saya posting Spoiler.
Apa itu spoiler, definisi sederhananya yaitu "tombol buka tutup", kalau di posting sebelumnya di buku tamu, kali ini saya bikin tombol buka tutup di posting, agar lebih jelas contohnya seperti ini

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

klik tombolnya sekali lagi untuk menutup........<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<

nah udah ada bayangan ???,  fungsinya untuk menghemat halaman posting yang misalnya penuh dengan gambar, dsb.

Cara membuatnya :
Copy Pastekan kode di bawah :

<div id="spoiler"><div><div id="show" color="transparent" style="border-style: solid; border-width: 1px; margin: 0px; padding: 4px; display: none; width: 98%;"></div><div id="spoiler"><div><input value="Buka" style="margin: 10px; padding: 0px; width: 100px;font-size:12;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')['show'].style.display = 'none'; this.parentNode.parentNode.getElementsByTagName('div')['hide'].style.display = ''; this.innerText = ''; this.value = 'Show Spoiler!'; }" type="button"><br/><div id="show" style="border-style: solid; border-width: 0px; margin: 0px; padding: 4px; display: none; width: 98%;color:black;">
Isi kotak spoiler kamu disini

</span></div></div></div></div></div>

Yang warna merah itu kamu ganti sama isi posting kamu yang akan di sembunyikan, yang warna biru itu bisa kamu ganti sesuka kamu.......

Gampang kan ???,
Selamat mencoba, semoga berhasil....... :)


posted by rhoel macazzart:) Read more: http://www.bloggerafif.com/2011/01/membuat-auto-readmore-pada-blogspot.html#ixzz1SMV0Oahe