MEMBUAT ICON KECIL PADA LABEL POSTINGAN

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:

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

Selain cara di atas ada cara yang sangat spesifik sekali dan tujuan anda untuk mencari gambar icon tersebut tinggal tulis saja nama icon yang akan di cari misalnya kata kunci "blogger" maka yang keluar adalah icon blogger semuanya seperti terlihat gambar di bawah ini.

Untuk itu anda tinggal masuk saja ke alamat ini http://www.iconfinder.net/ dan lihat hasilnya.

Setelah Baca Jangan Lupa Klik Suka Yach Untuk Update Berita Lewat Facebook

Judul: MEMBUAT ICON KECIL PADA LABEL POSTINGAN
Rating: 100% out of 100% based on 100000 ratings. 100000 user reviews.
Ditulis Oleh Portal Media News Terkini
Terima Kasih Atas Kunjungan Anda...