Cara Membuat Spoiler / Tombol Hide Show Pada Postingan Blog

Hallo Sobat Blogger dalam postingan kali saya akan membagi sedikit ilmu tentang bagaimana cara membuat spoiler / tombol hide show. Sebenarnya cara ini sudah banyak yang tau namun saya masih mempostingnya karna pasti masih ada teman² kita yang belum bisa membuatnya.

Kita sering lihat di forum-forum seperti www.kaskus.us , mereka menggunakan spoiler untuk menyembunyikan gambar/teks/video dll untuk menghemat space. Spoiler ternyata bisa juga diterapkan di blog. Cara membuat spoiler di postingan blog sangat mudah.

Ok langsung aja ke tkp :D

1.Copy paste Script dibawah ini

<div><div style="margin-bottom: 2px;">
<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 style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none; border:1px dotted #ffffff;">
Isi Text Anda Disini
</div></div></div>

2.Pastekan ditempat yang anda inginkan
3.Simpan dan selesai

Maka Hasilnya akan Sperti Ini

Isi Text Anda di Sini

Catatan: Tulisan yang berwarna merah dapat anda ganti dengan link, gambar, video dll.