CARA MEMBUAT TOMBOL HIDE/SHOW UNTUK MENU KATEGORI PADA BLOG

Kali ini saya akan share “CARA MEMBUAT TOMBOL HIDE/SHOW UNTUK MENU KATEGORI PADA BLOG” 

 Caranya:

1). Login ke blogger dengan akun sobat.
2). Pilih Tata Letak / Rancangan.
3). Pada Tab Element Halaman klik Tambah Gadget.
4). Pilih HTML/Java Script.
5). Langkah berikutnya copy paste kode di bawah ini :

<div><div style="margin-bottom: 2px;"><i><b><small></small></b></i><input value="JUDUL" style="margin: 0px; padding: 0px; width: 130px; font-size: 10px;" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;JUDUL&#39;; }" type="button" /></div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
  <li><a href="http://lolinkgen.blogspot.com/search/label/GAME">GAME</a></li>
</div></div></div>

Edit kode diatas sesuai dengan kebutuhan,,,,

Keterangan:
Tulisan berwarna merah adalah judul tombol nya,
Yang berwarna biru adalah ukuran tombol,
 yang hijau adalah link label yang ingin diisi,
dan yang orange adalah judul untuk link label yang akan ditampilkan.

*selamat mencoba*