April 8, 2011

Cara Membuat Tombol Hidden Widget Blog

Blog yang bagus adalah blog yang mudah diakses dan ringan tampilannya. Maka widget-widget blog yang tidak perlu janganlah dipasang di blog anda karena dapat mempengaruhi loading blog tersebut. Widget Hidden digunakan apabila pada halaman blog sudah penuh dengan tampilan-tampilan lain yang anda butuhkan . Jadi tidak ada salahnya anda menghiden widget yang tidak terlalu penting pada blog anda. Jangan khawatir widget anda akan tidak tampak, karena dengan mengklik Judul Widget, Widget tersebut akan muncul.

jika anda tertarik untuk menggunakannya maka ikuti langkah-langkah berikut:

1. Login blogger>>masuk ke rancangan>>elemen laman
2. Edit widget yang ingin dibuat tombol, lalu masukkan script berikut ini

<div align="center"><div style="margin: 5px;"><div style="margin-bottom: 2px;" class="smallfont"><input style="margin: 0px; padding: 0px; width: auto; font-size: 12px;" 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 = 'Tampilkan'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: 0px; text-align: center;">

masukkan kode Widget anda disini

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

*** Pada kode  this.value = 'Tampilkan'; }, ubahlah kata 'Tampilkan' dengan kata-kata anda.

3. Masukkan Kode Widget anda di tulisan masukkan kode Widget anda disini
4. Kemudian Simpan dan Lihat hasilnya.

Sukses untuk kita semua.

4 komentar:

Catatan Kecilku said...

infonya bermanfaat sekali...
saya numpang nyimak ya...

salam blogger

eksel said...

Thanks infonya....

Agus Salim said...

Singgah lihat artikel bermanfaat. :54 :15

on-idea said...

alhamdulillah bisa berguna,, terima kasih untuk komentar para sobat :15

:10 :11 :12 :13
:14 :15 :16 :17
:18 :19 :20 :21
:22 :23 :24 :25
:26 :27 :28 :29
:30 :31 :32 :33
:34 :35 :36 :37
:38 :39 :40 :41
:42 :43 :44 :45
:46 :47 :48 :49
:50 :51 :52 :53
:54 :55 :56 :57
:58 :59 :60 :61
:62 :63

Silahkan Suarakan Pendapat Sobat

Untuk Membangun Blog Ini