Memasang/Mengganti Icon Label Dengan Icon Yang Menarik


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'..


Nah sekarang langsung ke Langkah-langkahnya..
silahkan Baca, Pahami dan Praktikan! :p wkwkwk

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

Photobucket

http://i296.photobucket.com/albums/mm169/anasku/folder-16x16.png

Photobucket

http://i296.photobucket.com/albums/mm169/anasku/folder-open-16x16.png

Photobucket

http://i296.photobucket.com/albums/mm169/anasku/folder-explorer-16x16.png

Photobucket

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

◄ Newer Post Older Post ►
 

Copyright 2011 The Next Level is proudly powered by blogger.com | Design by Tutorial Blogspot Published by Template Blogger