Cara membuat Hide and Show di postingan blog

Banyak yang bertanya bagaimana cara membuat show-hide/spoiler di dalam postingan,kalau di forum pastinya kamu sudah tau kan,,nah berbeda dengan forum yang simple,jika kita ingin menambah spoiler di dalam postingan blog banyak code yang harus di masukan,,
langsung lihat saja code nya di bawah ini ..:

Penjelasan

Sudah tau kan tentang tombol hide and show,biasanya tombol hide and show di gunakan di forum,Kali ini saya akan menbuat tombol hide and show di dalam pastingan blogspot,
Caranya tinggal COPAS aja code di bawah ini :

<div><div style="margin-bottom: 2px;"><i><b><small>spoiler</small></b></i><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;">

>>>>>>>>ISI DENGAN KATA ATAU APA SAJA SESUKA MU<<<<<<<<<<< </div></div></div>

Artikel Terkait