Cara Membuat Icon Berbeda Pada Tiap Widget Blogger

Cara Membuat Icon Berbeda Pada Tiap Widget Blogger  :

1. Lakukan pengeditan pada salah satu widget yang ingin diubah, dengan mengklik tulisan edit. Misalnya pada widget “Labels”

2. Hasilnya akan menampilkan halaman popup. Lalu lihat ID dari widget yang anda gunakan.

Seperti yang terlihat pada gambar diatas, Widget Label yang saya gunakan memiliki ID “Label1”. ID ini akan kita gunakan untuk melakukan editing CSS pada template blog.

3. Langkah berikutnya adalah masuk ke menu Design > Edit HTML. Backup template anda terlebih dahulu. Karena dalam pengeditan membutuhkan kejelian dalam membaca kode. Jika salah pengeditan bisa dikembalikan lagi.

 4. Tambahkan kode dibawah ini sebelum tag ]]></b:skin> :

#Label1 h2 {
  margin: 0 0 1em 0;
  font: $(widget.title.font);
  color: $(widget.title.text.color);
  text-transform: uppercase;
  background:url(http://alamat-icon-anda) no-repeat scroll left center;
  padding:10px 0px 5px 38px;
}

 Keterangan :
#Label1 : diambil dari nama widget ID yang anda gunakan.
h2 : biasanya template menggunalan tag h2 untuk judul widget/gadget.

5. Simpan template anda, dan lihat hasilnya. Jika belum muncul, berarti ada CSS lain yang mempengaruhi Style anda. Karena pembuat template memiliki cara penulisan berbeda untuk templatenya.

 Terima Kasih , Salam CGO XP