Supaya blog anda lebih proposional dilihat oleh anda atau pengunjung, maka saya akan mencoba untuk memberi tutorial menambahkan icon pada label atau category.
Sebenarnya dalam label/category 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, caranya seperti berikut:
1. Masuk ke akun blogger anda
2. Rancangan >> Edit HTML
3. Cari kode
]]></b:skin>
4. Pastekan kode berikut sebelum kode diatas/*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;
}
Tulisan yang berwarna merah merupakan URL gambar icon. Dapat diganti sesuai keinginan anda.
----------------------*/
#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;
}
0 komentar :
Posting Komentar