Sunday, February 3, 2013

Cara buat Show Hidden di Sidebar


Alhamdulillah bisa posting lagi nih ,pada posting kali ini share Cara buat Show Hidden di Sidebar 



Cara buat Show Hidden di Sidebar
 - 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
 semoga pertemuan kali ini ada manfa'at untuk kita semua . :) happy Blogging sob :)

BAGUS.CO