Saturday, December 11, 2010

Tutorial : Tukat Icon Blog List

Macam mana nak letak icon tepi macam tu ?

1. Dashboard --> Design --> Edit HTML
2. Ctrl + F dan search : .sidebar li {
3. Tambah code bawah ni, di bahagian .sidebar li { tadi. Kalau tak faham, tengok je kedudukan code nanti. ^^
background:url(CODE IMAGE ICON ANDA)
no-repeat 2px .25em;
4. Code .sidebar li { anda akan jadi macam ni (lebih kuranglah, sebab ni code blog saya). Fokus dekat bahagian yang dibold.
.sidebar li {
background:url(http://i293.photobucket.com/albums/mm62/happyy-stop/musicfavi-happyy-stop.gif)
no-repeat 2px .25em;
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:15px;
text-indent:-15px;
line-height:1.5em;
}

5. Save Template. Pergi Design --> Page Elements --> Anda punya blog list gadget
6. Untick dekat Icon dan Save. 
7. Preview blog. Jadi tak?

No comments:

Post a Comment