Cara membuat Tombol Show-Hide Spoiler di Postingan Blog

Berikut cara gampang pasang Tombol Show / Hide Spoiler di postingan blog, copy lalu paste script di bawah ini di postingan blok sobat.

<div><div style="margin-bottom: 2px;"><b><small>Klik show untuk melihat</small></b>
<input value="Show" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;" 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'; }" type="button"></div>
<div style="border: 1px inset; margin: 0px; padding: 6px;"><div style="display: none;">
LETAKKAN TULISAN MU DISINI
</div></div></div>

Penjelasan :

• Ganti kalimat berwarna biru dengan kata yang ingin teman-teman masukkan.
• Apabila sobat ingin memasukkan script pada tulisan warna biru caranya Di sini, di karenakan script tidak akan muncul apabila tidak di convert ke HTML text to HTML entities

Klik show untuk melihat

LETAKKAN TULISAN MU DISINI

Semoga bermanfaat.