Cara Membuat Tombol Spoiler di Blog

Mungkin postingan ini sudah tidak asing lagi bagi anda, saya memposting ini bagi yang belum tau tentang membuat tombol spoiler di blog. Biasanya spoiler di gunakan di byk forum seperti Kaskus, Gecok, dll.

Perhatikan kode di bawah ini.

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<i><span style="font-weight: bold;">Pictures : </span></i><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 = 'Show'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 60px;" type="button" value="Show" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">

Tulisan/kode yang ingin dimasukan.

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

Contoh seperti ini.

Show:

Tulisan/kode yang ingin dimasukan.

Mudahkan ? Silahkan coba.

Semoga Bermanfaat !