Membuat spoiler di blogspot

Mungkin para sahabat blogger yang budiman bertanya-tanya tentang cara membuat SPOILER, ya itu ntu, yang kayak di forum kaskus.us itu, bisa dibuka dan di tutup gitu, wadeh... pokoke kren sekali lah bah, nah, sahabat sekalian bisa copas kodenya dari blog ini, free kok, ga pake bayar dan ga pake lama, tapi kalau konneksinya lemot kayak tulalit lit lit gitu ya bakalan gitu-gitulah. kok jadi curhat? hahaha. ok, langsung aja lihat dibawah yah:

<div id="spoiler">

<div>

<input name="button" 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 = 'LIHAT LAGI'; }" style="font-size: 11px; font-weight: bold; margin: 5px; padding: 0px;" type="button" value="lihat selanjut nya" /></div>

<div id="show" style="border: 1px solid white; display: none; margin: 5px; padding: 2px; width: 98%;">

<div style="background: none repeat scroll 0% 0% rgb(235, 243, 251); border: 1px solid rgb(170, 204, 238); color: black; margin: 0px; padding: 7px;">

<div style="text-align: justify;">

<span id="goog_913131089"></span><span id="goog_913131090"></span></div> isi dengan tulisan,kode atau gambar yang anda mau ......

</div>

</div>

</div>