Cara buat Show Hidden di Sidebar blog dengan Cantik

Alhamdulillah bisa posting lagi nih ,pada posting kali ini share Cara buat Show Hidden di Sidebar blog dengan Cantik yang sebelumnya saya posting Blogger Mobile untuk Pengguna Android 

Cara buat Show Hidden di Sidebar blog dengan Cantik - show hiden ini biasanya dipakai di sidebar blog agar terlihat rapi , cara ini saya share karena ada temen yang request pengen tahu cara buat show hidden yang ada di kaki sidebar blog ini . nah saya akan kasih tahu caranya  , caranya gampang kok , langsung saja kita kepembahasannya :)

Tujuan Cara buat Show Hidden di Sidebar blog ini Biasanya untuk ngirit ruang blog kita , CWIIM ., :)

1. Login dulu ke akun Blogger anda .
2. Pilih tata letak / rancangan .
3. Pilih Html / java script.
4. Copy kode di bawah ini :

<div><div style="margin-bottom: 2px;"><small>Klik</small><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;">

Kode Script Sobat disini

</div></div></div>

NB : Tulisan yang berwarna  biru , ganti dengan Script sobat , yang ingin di buat show hidden .

Demikian Cara buat Show Hidden di Sidebar blog dengan Cantik semoga pertemuan kali ini ada manfa'at untuk kita semua . :) happy Blogging sob :)

Artikel terkait :