Cara membuat tombol show hide di blog

Klik Untuk melihat

Buat para sahabat psti pernah melihat tombol show hide di blog lain.pasti temen temen pengen membuatnya...

nah kali ini saya posting cara membuatnya...

1. langsung saja ke tkp...
2. gak usah lama-lama....
3. silahkan kopi kode di bawah ini

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

disini anda meletakkan artikel / gambar atau terserah anda.

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

ket:

1.untuk tulisan yang berwarna merah silahkan letakkan artikel terserah anda.