Cara Membuat Show Hide Widget di Blog

Belajar Internet kali ini akan membahas sedikit tentangCara Membuat Show Hide Widget di Blog. Beberapa di antara kalian mungkin tidak mengerti maksud dari show hide widgettersebut. Tapi sekedar demo silahkan perhatikan di bawah ini.

Klik disini

Ganti dengan kode HTML widget sobat, tulisan, ataupun sekedar foto

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

Sumber:belajarinternet100.blogspot.com