Cara membuat Spoiler di blog

halo para bloger, sebagian newbie bloger pasti pada bingung. bagaimana caranya bikin spoiler atau input text atau gambar yang bisa di buka tutup itu ya..?
caranya gampang para bloger....

tingal kopi ini script trus paste di halaman html,
bisa juga di taruh pada widget lho, caranya
buka ,setelan tata letak,--> trus pilih tambah gadget -->pilih html/ java script. paste ntu script kelar deh selamat mencoba..


[spoiler]
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Spoiler:<em>Nama Spoiler</em></b> : <input value="Buka" 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 = 'Sembunyi'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }" type="button"> </div>

<div class="alt2" style="margin: 0px; padding: 6px; border: 0px inset;">
<div style="display:none;">ISI SPOILER</div>
</div>
</div>
[/spoiler]



[spoiler]

Spoiler:Contoh :

.http://i-techindonesia.blogspot.com/.

[Selamat mencoba]