Membuat Tombol Hidden Widget

Jika anda pernah melihat blog atau website yang menggunakan tombol hidden widget, tombol hidden tersebut dapat anda pasang di blogger anda sendiri, caranya mudah ikuti saja langkah-langkah di bawah ini :

Berikut langkah-langkahnya :

1. Masuk ke akun blogger anda.

2. Klik Rancangan.

3. Lalu klik elemen laman.

4. Kemudian pilih HTML/Javascript.

5. Selanjutnya copy kode di bawah ini dan paste ke dalam HTML/Javascript.

<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;">

Letakkan script anda di sini

</div></div></div></div></div>
<a href="http://anima-generation.blogspot.com/2010/05/cara-membuat-tombol-hidden-widget.html">Get this widget</a>

Penting : ubah tulisan Letakkan script anda di sini dengan script anda. Anda juga bisa mengubah Show dan Hidden dengan kat-kata yang anda inginkan sendiri.

6. Setelah selesai klik save.

Posted in: Seputar Blog