Cara Membuat Kotak Buka Tutup Pada Postingan Blog

Cara Membuat Kotak Buka Tutup Pada Postingan Blog | Hallo semua Sobat Blogger dalam postingan kali saya akan membagi sedikit ilmu tentang bagaimana cara membuat spoiler tombol Buka Tutup. Sebenarnya cara ini sudah banyak yang tau namun saya masih mempostingnya karna pasti masih ada teman² kita yang belum bisa membuatnya. Cara Membuat Kotak Buka Tutup Pada artikel Blog

Cara Membuat Kotak spoiler Pada Posting Blog Kita sering lihat di forum-forum seperti kaskus, 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 Cara Membuat Kotak Buka Tutup Pada Posting Blog

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 = 'Tutup'; } 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="Buka" /></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
                                                   Lihat hasil nya di bawah ini

Coba Sobat Lihat Dan :