Cara Membuat Spoiler di Blogger

HASTA - Ketemu lagi dengan hasta site bung.. Hahaha... Kali ini hasta akan membawakan sebuah trik yang berjudul.... Cara Membuat Spoiler di Blogger.. Kode ini bisa ditaruh di postingan blog atau di widgetnya. Tergantung kebutuhan sobat sih.. hehehe Sobat tertarik???


Berikut Kodenya:

Kode:

<div style="margin: 5px 20px 20px;"><div class="smallfont" style="margin-bottom: 2px;">
<b>Judul Spoiler :</b>: <input 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Open'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
Isi Spoiler
</div>
</div>
</div>

   Keterangan :                                                                                                                                  

• Ganti huruh yang berwarna merah sesuka sobat

Selesai...

Happy Sharing and Blogging