Cara membuat spoiler di blog

Kalo agan-agan suka ngaskus pasti tau dong yang namanya spoiler, mungkin kalo di kaskus kode HTMLnya rada gampang, kalo di blogger rada-rada susah gan.
contoh spoiler di blog gini gan :

Spoiler ala blog:

Klik gambar tersebut untuk mendapatkan resolusi aslinya

pengen bisa kaya gitu gan? tinggal kopi-paste kode ini aja gan, tapi jangan lupa, ngeditnya harus dalam format HTML mode (bukan compose mode)  :

<div style="margin: 10px 20px 20px;">

<div class="smallfont" style="margin-bottom: 2px;">

<b>Spoiler ala blog</b>: <input value="Dibuka gan" style="margin: 0px; padding: 0px; width: 100px; font-size: 11px;" 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 = 'Tutup lah'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Dibuka gan'; }" type="button">

</div>

<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">

<div style="display: none;">
disini isi tulisan ente gan

</div>

</div>

</div>

gampang kan gan? monggo silahkan dipraktekkan :)

 

bisa juga bikin spoiler dalam spoiler :

Spoiler ala blog:

Spoiler ala blog:

Spoiler ala blog: