TutorialBlog: Cute Bullet at Entry

Assalamualaikum and hi,

Sekarang ni Lyssa nak ajar korang tukarkan bullet tu jadi icon yang come . Macam yang Lyssa tengah buatkan sekarang ni . hihi .

1. Dashboard > Template > Edit Html > Proceed > Tick Expand Widget Template

2. Tekan Ctrl F serentak dan cari kod ini : ]]></b:skin>

3. Ada jumpa tak ? Kalau ada jumpa bagus ! Copy kod ni pula :

.post ul li {
line-height: 1.4em;
background: transparent url(URL ICON UNTUK BULLET) no-repeat scroll 0px 4px;
margin: 0.3em 0;
padding: 0 0 0.8em 20px;
}

4. Paste di bahagian ATAS kod yang korang cari tadi tu .

*Warna merah : Korang masukkan URL BULLET . Kat mana nak dapatkan icon yang comel ?

5. Korang boleh pergi KE SINI !!

6. Klik mana-mana icon cute yang korang suka , then dapatkan URL dia . Macam mana nak dapatkan URL dia ?

7. Lepas je korang tekan mana-mana icon yang korang , korang akan nampak yang ni kan



8. Haa . Klik pada download image . Lepas tu akan keluar image gambar tu , korang copy je URL yang ada kat bahagian atas sekali . Macam ni : (Copy semua sekali tau)

9. Lepas copy , gantikan yang yang warna merah tadi tu dengan URL yang korang copy tadi.

10. Sekarang , korang tekan PREVIEW . Kalau tak ada error , korang boleh lah terus SAVE .

Source: Lyssa

Share your experience down below!