Cara Membuat Show Hide Widget di Blog

Apa kabar sobat semua? Semoga baik-baik saja, amin
Postingan Belajar Internet kali ini akan membahas sedikit tentang Cara Membuat Show Hide Widget di Blog. Beberapa di antara kalian mungkin tidak mengerti maksud dari show hide widget tersebut. Tapi sekedar demo silahkan perhatikan di bawah ini.

Klik disini

Suprise Sudah Mengeti kan???

Nah, itulah maksud dari show hide widget, di dalam widget tersebut Anda bisa meletakkan widget juga. Jadi, bisa dikatakan widget dalam widget dong.
Lansung saja, tanpa basa-basi terus, mending kita lansung ke topik permasalahan.

1. Login ke akun blog sobat
2. Masuk pada Tata Letak
3. Klik Tambahkan widget/add widget
4. Masukkan kode HTML di bawah ini

<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;"> Ganti dengan kode HTML widget sobat, tulisan, ataupun sekedar foto </div></div></div>

5. Simpan
6. Selesai
7. Tinggalkan jejak/komentar bozz