0 Memberi Icon di Widget label Posting

Nah saya ada ilmu baru nih Memberi Icon di Widget label Posting, biar labelnya keliatan cantik gitu, tapi ada syarat syaratnya kalau mau membuatnya, yang pasti bukan bertapa dibawah pohon beringin selama seribu taun atau sebagainya. Mudah saja syaratnya kamu musti punya akun google dan udah bikin blogger, kalau kamu udah punya, mari kita mulai...


Langkah pertama kamu harus masuk ke...

Blogger

Design

Edit HTML, centang expand widget template

Cari kode ]]></b:skin>.
Kalau sudah ketemu letakkan struktur kode berikut di atas kode ]]></b:skin>.

/*Label
----------------------*/
#Label1 ul, #Label2 ul{
list-style:none;
margin:0 0 0;
padding:0 0 8px;
}
#Label1 li, #Label2 li{
background:url(http://i296.photobucket.com/albums/mm169/anasku/folder-explorer-16x16.png) no-repeat;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:20px;
margin-bottom:3px;
border-bottom:1px dotted #063E3F;
line-height: 1.2em;
}

Gambar icon labelnya bisa kamu ganti sesuka kamu kamu tinggal ngganti url gambar yang saya tandai warna ijo .
misal seperti ini . berikut url gambarnya

http://i296.photobucket.com/albums/mm169/anasku/forder-biru.png

Langkah terakhir simpan template kamu dan lihat label di blog kamu.

Catatan : pengaturan display widget label harus dalam mode list(daftar), kalau kamu pilih Cloud icon tidak akan muncul, untuk mengaturnya kamu bisa buka dari Design >> Page Elements

Reaksi: