Cara Membuat Icon Gambar Pada Label / Kategori

Sebenarnya dalam Label atau Kategory, icon standarnya yaitu list style yang berbentuk bulat. Tapi kali ini saya mencoba untuk menggantinya jika ada list stylenya dan menambah jika belum ada list stylenya. Nah sekarang langsung ke TKP (Tempat Kejadian Project) yaitu ke blogspot hahaa..
Caranya :

1.   Pertama harus log in ke blogger
2.   Masuk menu Layout (Tata Letak)
3.   Kemudian masuk menu Edit HTML
4.   Letakkan kode dibawah ini diatas 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;
}

Nah tulisan yang bercetak kuning bisa kamu ganti dengan URL gambar icon.
Kemudian simpan dan lihat hasilnya.

Share this post