Menambah Icon Kecil Pada 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>
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:

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


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


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


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


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


Photobucket 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


2 komentar:

Evi Helviani mengatakan...

terima kasih mas, ini yang aku cari

Annur Shah mengatakan...

wah gak bisa tyuh mas aku gakberhasilpdahl persis udah sperti itu caranya

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} ~x( :-t b-( :-L x( =))
:f :D :) ;;) :x :$ x( :?
:@ :~ :| :)) :( :s :(( :o

Posting Komentar

Grab this Widget ~ Blogger Accessories Custumized by Yuniarto Rahardjo
 

Banner PremiumYang terpasang

Pengikut

Template by: Gilang Rizky