Cara buat Show Hidden di Sidebar blog dengan Cantik

Ditulis oleh: -
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 side bar blog dengan icon cantik

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


cara buat show hidden di sidebar blog

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


28komentar:

  1. kpn kon boleh saya coba nih :).
    thanks infonya kawan :)

    ReplyDelete
  2. Replies
    1. hahaiya sob :) sama'' atas kunjungannya :D

      Delete
  3. makasih gan infonya, langsung ane pasang diwordpress. semoga blognya tetep axis ya

    ReplyDelete
  4. Langsung praktek ni Gan...
    Terimakasih and Salam sukses

    ReplyDelete
  5. infonya bagus gan, udah ane pasang, thank yah

    ReplyDelete