Selasa, 14 Februari 2012

Cara Membuat Tombol Hide dan Show pada Blogger



Yak para sobat blogger sudah lama saya tidak posting, kali ini saya ingin posting tentang tips dan trik tentang mempercantik blog kita agar pengunjung tertarik. Pertama saya akan membahas tentang bagaimana cara membuat tombol Hide dan Show pada blog.

Contohnya seperti di bawah ini. dan langsung saja Copy-paste kode dibawah ini :

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

"dan disini isi yang akan sobat kehendaki"



"dan disini isi yang akan sobat kehendaki"

2 komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...