Cara buat Show Hidden di Sidebar blog keren

Posted by : Adhe Friant Release on : February 14, 2013
ya kita ketmu lagi sob postingan kali ini kita mau buat cara buat show hidden di sidebar blog keren sob.

cara buat show hidden di sidebar blog keren show hidden ini biasanya sob di pakai di postingan tapi kali ini kita mau buat di pake di sidebar sob agar sidebar terlihat rapih sob. cara ini ane share karena ya ada salah satu temen ane yang riquest ke ane buat di bikin postingan jadi ane posting deh sob, carnya gampang ko sob, kita langsung saja sob ke tkp.

Tujuan cara buat show hidden di sidebar blog keren  ini biasanya untuk hemat teks atau kode sob..hehe

1. login dulu ya ke akun blogger ente sob.
2. pilih tata letak / rancangan.
3. pilih html/javascript sob.
4 copy kode di bawah ini sob:
<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 : nah untuk tulisan yang berwarna biru sob ganti dengan Script sobat yang di show hidden sob.



sekian dulu ya dari ane Adhe Friant semoga postingan kali ini bisa membantu buat blogger dan sejenisnya ..terimakasih sob.

Related Post

No comments

Berkomentar lah yg sopan di Sini Emoticon