Cara Bikin Tombol Spoiler di Postingan

Author. Dwi    On. 7:00 AM   

Blog

Assalamualaikum sahabat blogger, gimana kabarnya? semoga dalam keadaan sehat wal'afiat yaa :) Aamiin, sebelumnya +Dwi Alfina mau mengucapkan terimakasih banyak buat sahabat yang udh berkunjung di blog yang paling diaku.in ini :)

Hari ini dwi akan share Cara Bikin Tombol Spoiler di Postingan, caranya cukup mudah. Namun buat kalian yang belum tau gimana cara bikinnya, silahkan simak artikel ini.

Baca Juga : 

• Cara Mengatur Heading Tag h1, h2, h3 Pada Blog Agar Seo
• Cara Sederhana Agar Blog Valid HTML5
• Cara Mengatasi Kredensial OpenID Anda Tidak Dapat Diverifikasi

Copy script dibawah dan letakan di html (bukan compose)

<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;"><input value="Buka" style="margin: 0px; padding: 0px; width: 55px; font-size: 12px;" 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 = 'Buka'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset ; margin: 0px; padding: 6px;">
<div style="display: none;">

Isi Gambar atau Kode HTML atau apapun yang anda mau

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

Note : Yang berwarna merah silahkan anda sesuaikan dengan keinginan anda :)

Nih demo spoilernya

Haiii semua kenalin nama aku dwi :) follow blog ini yaaaaa :D

Demikian Cara Bikin Tombol Spoiler di Postingan, semoga bermanfaat :)