Mengganti Icon Label
Diposting oleh
curhatan-bayu
Label:
demo
Sekarang saya akan membuat artikel yang cukup ringan tapi semoga bermanfaat bagi para blogger untuk membuat blognya lebih hidup dan menarik! Istilah dalam iklan di TV adalah lebih punya taste gitu loh!. Maka dari itu ijinkanlah saya membuat artikel untuk menambah Icon pada Label/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, moga-moga nggak bingung dengan penjelasanku...
Nah sekarang langsung ke TKP (tempat kejadian project) yaitu ke blogspot!
silahkan Baca, Pahami dan Praktikan!
pertama harus log in ke blogger, kedua masuk menu Layout (tata letak) kemudian masuk menu Edit HTML
Taruh Code dibawah ini diatas Code ]]></b:skin>
/*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;
}
Nah tulisan yang tercetak merah diatas adalah URL gambar icon bisa kamu ganti punya kamu sendiri atau bisa menggunakan icon folder yang saya sediakan dibawah ini
http://i296.photobucket.com/albums/mm169/anasku/folder-16x16.png
http://i296.photobucket.com/albums/mm169/anasku/folder-open-16x16.png
http://i296.photobucket.com/albums/mm169/anasku/folder-explorer-16x16.png
http://i296.photobucket.com/albums/mm169/anasku/forder-biru.png
Nah kalau sudah silahkan SAVE untuk melihat hasilnya silahkan buka blog Anda.
sumber :: reservedtrik.co.cc
Langganan:
Posting Komentar (Atom)
Posting Komentar