Tombol Hidden Widget Blog

Selamat malam para blogger dunia. Posting seurune kali ini membahas bagaimana membuat tombol hiden widget. Walau pun sudah banyak dibahas oleh para blogger lainnya, saya akan membahas kembali disini untuk pelengkap tips membuat blog lebih indah dan ringan.

Demo :

kode Widget anda disini

Cara pemasangannya adalah sebagai berikut.

1. Masuk ke account blogger anda

2. Pilih rancangan dan klik elemen laman

3. Klik menu tambah gadget-html/javascript.

4. Masukkan kode script dibawah kedalam gadget html/javascript tersebut.

<div align="center"><div style="margin: 5px;"><div 
style="margin-bottom: 2px;" class="smallfont"><input 
style="margin: 0px; padding: 0px; width: auto; font-size: 18px;" 
value="Tampilkan" 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 = 'Tutup'; } else { 
this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display
 = 'none'; this.innerText = ''; this.value = 'Munculkan';
 }" type="button"/></div><div class="alt2"><div 
style="display: none;"><div style="border: 0px; text-align: 
center;">



Kode Widget anda disini



</div></div></div></div></div></div></div>

5. Simpan dan lihat hasilnya

Keterangan:

Kode berwarna merah = Adalah kata keterangan tombol. Ganti dengan selera anda

Kode berwarna biru = Kode Widget anda

Kode berwarna pink = Ukuran text tombol


Semoga bermanfaat