Cara Membuat Spoiler di Blog

Gw tertarik dengan yang dilakukan oleh si spoiler. Spoiler bisa menyembunyikan atau memunculkan tulisan, gambar atau video yang kita upload untuk postingan di blog. Spoiler umumnya dijumpai pada forum-forum online yang peranannya sangat membantu untuk meringkas tulisan atau gambar yang terlalu panjang. Berikut ini gw tampilkan kode html untuk membuat spoiler yang gw ambil dari blog tetangga.

Spoiler:

<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 = 'Hide'; } 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="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2

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