Seperti yang kita tau Label/category adalah pengelompokan beberapa artikel yang terkait, dan sebagai icon yang cocok adalah Folder karena folder adalah tempat untuk mengelompokkan file-file terkait atau kelompok file tertentu Pada kesempatan kali ini saya akan memberi tutorial yang sangat menarik yakni 'Mengganti Icon Label Dengan Icon Yang Menarik'..
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.
Nah setelah Anda menggunakan trik kali ini pasti blog Anda akan kelihatan Cool kaya yang punya mungkin :D
Semoga Tutorial ini sedikit membantu Anda untuk mempercantik Blog Anda,
Semoga bermanfaat :)
Nah sekarang langsung ke Langkah-langkahnya..
silahkan Baca, Pahami dan Praktikan! :p wkwkwkPertama 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.
Nah setelah Anda menggunakan trik kali ini pasti blog Anda akan kelihatan Cool kaya yang punya mungkin :D
Semoga Tutorial ini sedikit membantu Anda untuk mempercantik Blog Anda,
Semoga bermanfaat :)
0 komentar:
Posting Komentar