Membuat Widget Menjadi Auto Hide

Saat sebuah blog dipenuhi oleh beraneka ragam Widget maka otomatis tampilan blog tersebut akan penuh, Ada sebuah trik untuk membuat sebuah widget menjadi tersembunyi, dan akan tampil hanya jika di klick.
Langsung aja peraktekin. .

1. Masuk Dashboar blog anda
2. Pilih Rancangan
3. Pilih Elemen laman
4. Tambah Gadget/Add Gadget
5. HTML/Java Script

Silahkan copy kode di bawah ini

<div><div style="margin: 20px; margin-top:5px">
<div style="margin-bottom: 2px;" class="smallfont">
<input style="margin: 0px; padding: 5px; width: auto;" value="Show"
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 = 'Hidden'; }
else {this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none';
this.innerText = ''; this.value = 'Show'; }" type="button"/></div>
<div class="alt2"><div style="display: none;">
<div style="border: none; color:none;
background-color:none; text-align: justify; padding:10px;">TARUH SCRIPT / KONTEN KALIAN DISINI
</div></div></div></div></div>



Ganti tulisan berwarna kuning dan gantikan dengan skript Widget yang akan anda sembunyikan.

Default Tulisan yang akan keluar adalah Show dan Hidden.
Untuk menggantinya sesuai dengan selera anda, (misalnya Tampilkan dan Sembunyikan), gantilah tulisan yang berwarna merah dengan tulisan yang anda inginkan.

Selamat bereksperimen