Senin, 05 Oktober 2009

Cara Memberikan Icon di Label

Untuk Menambah Icon sebelum label maksudnya yaitu memberikan gambar/icon kecil sebelum Macam-macm label yang ada di blog 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

*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
Photobucket
http://i296.photobucket.com/albums/mm169/anasku/folder-16x16.png

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

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

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

Terakhir save template!!!!


Tidak ada komentar:

Posting Komentar