Tutorial: Tukar Bullet Post Kepada Icon Comel

Assalamualaikum..
Harini nak ajarkan korang macam mana nak tukarkan bullet post kepada icon yang comel-comel. Apa tu bullet ? Hmm ni contoh bullet selepas ditukarkan kepada icon:


Haa tu la bullet. Okay, kalau korang nak tukarkan bullet kepada icon comel jom ikut langkah langkah di bawah :

1. Dashboard > Template > Edit HTML
2. Tekan Ctrl+f dan cari code:
]]></b:skin>
3. Seterusnya, copy code di bawah ni :
.post ul {list-style:none;
}
.post ul li {
line-height: 1.4em;
background: transparent url(URL BULLET) no-repeat scroll 0px 4px;
margin: 0.3em 0;
padding: 0 0 0.8em 20px;
}
4. Paste code ini di atas code yang korang cari tadi.
5. Preview & Save.

Note:
Merah: Tukar kepada url icon.

Url icon boleh ambil dekat bawah ni :

image http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/011.gif
image http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/ico8.gif
image http://33.media.tumblr.com/tumblr_lkl6q24eyw1qfamg6.gif
image http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/icco4.gif
image http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/064.gif
image http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/ico-54.gif
image http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/favcoelho.gif
image http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/novo01.png
image http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/mushroom.gif
image http://31.media.tumblr.com/tumblr_m2313bJDaG1qfamg6.png
image http://i205.photobucket.com/albums/bb186/mhilkas/favoicons/icons16.gif

No comments: