- Home >
- Tips Blog , Trik Blogging , Widget >
- Cara membuat show hide widget di blog
Posted by : Cyberr Pamekasan
Jumat, 05 Juli 2013
Apa kabar sahabat Taretan Mania .. Kali ini saya akan memposting sebuah postingan tentang Cara Membuat show hide widget di blog . Show Hide Widget, mungkin sobat sudah mengenal apa itu show hide widget. Intinya widget sobat bisa di buka tutup, kayak kaskus itu loh. Kalau sobat yang belum tau, n pengin tau banget, berikut demonya.
Klik disini
taruh kode disini gan
Cara Menambahkan ke Blog
- Login ke Akun Blogger »
- Tata Letak » Tambah gadget » Tambah HTML/JavaScript »
- Kemudian masukkan kode berikut ini kedalamnya.
- Kemudian Simpan.
KODE
<div><div style="margin-bottom: 2px;"><i><b><small>Klik disini</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;">
Taruh kode HTML sobat berupa script, gambar, atau tulisan yang sobat inginkan disini
</div></div></div>
Taruh kode HTML sobat berupa script, gambar, atau tulisan yang sobat inginkan disini
</div></div></div>