Cara Membuat Tombol Show Hiden Pada Blogger

Kalian pasti udah taukan tentang judul di atas, bagi yang belum tau nih raja tega kasih contoh klik tombol di bawah

Klik disini Untuk melihat

Ini Contohnya

Gimana kerren kan nih raja tega bagi scriptna buat yang pingin

<div><div style="margin-bottom: 5px;"><i><b><small>Klik disini Untuk melihat</small></b></i><input value="Show" style="margin: 0px; padding: 0px; width: 80px; font-size: 12px;" 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;">letakan tulisan kalian di sini</div></div></div>

Keterangan:

Ganti tulisan Hide dan Show untuk merubah kata yang di dalam tombol

Pada tulisan letakan tulisan kalian di sini bisa di isi teks atau lainnya, bila di show akan membuka apa yang di tayangkan.

Artikel ini sangat berguna bagi yang sering posting dengan menambahkan gambar
karna bisa membantu untuk meringankan blog anda

Anda baru saja membaca artikel yang berkategori Tips dan Trik / Tutorial dengan judul Cara Membuat Tombol Show Hiden Pada Blogger. Anda bisa bookmark halaman ini dengan URL http://catatan-lutfi.blogspot.com/2012/07/cara-membuat-tombol-show-hiden-pada.html. Terima kasih!

Ditulis oleh: Lutfi rahman - Selasa, 17 Juli 2012