Membuat Icon kecil di label

Agar label atau kategori di sidebar blog lebih terlihat nyentrik, ada baiknya kita sedikit memolesnya dengan menambahkan icon kecil. Sehingga lebih tertata rapih dan enak dipandang. Kalo mau lihat contohnya ya tengok label di sidebar blog ini hehe.. Untuk Menambahkan icon kecil seperti itu, kamu tinggal mencari icon nya saja, cari icon yang paling kamu sukai. Kalo males nyarinya ya wis.. aku kasih disini

Seperti biasa sebelum kita main-main kode

Loggin dulu ke blogger
Pilih Layout (tata letak) kemudian masuk menu Edit HTMLCopy kode dibawah tepat 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(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;
}

Silahkan ganti tulisan Alamat Gambar dengan alamat dimana gambar kamu di upload. Atau kamu bisa memilih icon-icon berikut:

http://i643.photobucket.com/albums/uu159/Rizkythea/rizky-1.jpg


http://i643.photobucket.com/albums/uu159/Rizkythea/forder-biru.png


http://i643.photobucket.com/albums/uu159/Rizkythea/folder-16x16.png


http://i643.photobucket.com/albums/uu159/Rizkythea/folder-explorer-16x16.png


http://i643.photobucket.com/albums/uu159/Rizkythea/images-1.jpg


http://i643.photobucket.com/albums/uu159/Rizkythea/folder-open-16x16.png

Silahkan pilih yang paling bagus menurut kamu, tapi jangan semua ya, hehe..
Jangan lupa Simpan templatenya

Categories: Blog and Wordpress , Blogger