Memberi Icon di Label 4

Untuk Menambah Icon sebelum label maksudnya yaitu memberikan gambar/icon kecil sebelum Macam-macm label yang ada di blog sobat. Untuk caranya adalah sebagai berikut:

1.Login dulu ke blogger
2. Pilih Layout (tata letak) kemudian masuk menu Edit HTML
3. Copy kode dibawah tepat di atas kode ]]></b:skin> atau di deretan Kode CSS sobat
/*Label
----------------------*/
#Label1 ul, #Label2 ul{
list-style:none;
margin:0 0 0;
padding:0 0 8px;
}
#Label1 li, #Label2 li{
background:url(Alamat gambar ) no-repeat;
padding-top:0;
padding-right:0;
padding-bottom:3px;
padding-left:20px;
margin-bottom:3px;
border-bottom:1px dotted #666666;
line-height: 1.2em;
}

4. Silahkan ganti tulisan Alamat Gambar dengan almat dimana gambar sobat di upload.
Sebagai contoh aku ambilkan dari blognya Mas Anas

http://i296.photobucket.com/albums/mm169/anasku/folder-16x16.png


http://i296.photobucket.com/albums/mm169/anasku/folder-open-16x16.png


http://i296.photobucket.com/albums/mm169/anasku/folder-explorer-16x16.png


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

Terakhir save template!!!!

Artikel Lainnya Yang Lebih Menarik:

Jika Anda ingin artikel Memberi Icon di Label dikirim ke email anda, Silahkan masukan alamat email anda untuk berlangganan.

JANGAN LUPA CEK EMAIL ANDA UNTUK VERIFIKASI BERLANGGANAN VIA EMAIL

Penulis :  Dodik Gaghan | BLOG : InfocusNine [Be Your Best Partner]
InfocusNine menyediakan informasi dan tutorial buat anda yang ingin belajar blogging, design, internet, dsb. Silahkan Copy/Paste tapi cantumkan link kami.