Bagikan

About

Senin, 19 Maret 2012

Cara Membuat Tombol Hide dan Show pada Blogger

Saya sudah lama mempostingkan ini tapi sudah lama belum saya terbitkan. hehehe
saya akan mencoba berbagi tips blogger tentang cara membuat tombol show dan hide seperti punya saya, yang saya pergunakan untuk membuat category.
Bagaiamana??? Apa anda tertarik??

Oke kita langsung aja,
Cara membuatnya pun sangat mudah, anda hanya perlu mengcopy-paste script yang saya berikan, kemudian edit sesuai dengan keperluan anda.



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;">
ISI NYA (Terserah anda)
</div></div></div>



Lihat nih Contohnya.......


div>
JUDULKU

ISI NYA (Terserah anda)


Atau juga bisa seperti ini nih





Tidak ada komentar: