Cara Membuat Show Hide Widget di Blog

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.


Nah, itu lah yang dimaksud dengan Show Hide Widget di blog. Jadi sobat perlu mengeklik dulu tomlog show untuk melihat isi dari widget.

Berikut adalah langkah bagaimana cara membuat show hide widget di blog.
1. Buka Blogger, masuk akun blogger sobat.
2. Masuk ke pengaturan tataletak.
3. Tambah gadget, lalu pilih HTML/JavaScript.
4. Kemudian masukkan kode berikut ini kedalamnya.

<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>

5. Simpan.
6. Lihat hasilinya.

100out of 100 based on 99995 ratings. 1 user reviews.