Tutorial Meletakkan Icon Comel Pada Blog Archive

Screenshot Icon Comel Pada Blog Archive

Tutorial:
PERHATIAN: PASTIKAN ANDA BACKUP DAHULU TEMPLATE BLOG ANDA UNTUK LANGKAH KESELAMATAN . Lihat sini >> http://faiz-tutorial.blogspot.com/2013/02/tutorial-backuprestore-template.html

1. Login ke akaun blogger anda.

PERHATIAN: JIKA BLOG ANDA SUDAH SEDIA ADA WIDGET " BLOG ARCHIVE " ABAIKAN LANGKAH 2 - 5 . TERUS KE LANGKAH 6 OK :)

2. Klik butang "More Options" dan klik " Layout  ".

3. Pada halaman Layout, klik " Add a Gadget " .

4. Klik pada widget Blog Archive

5. Pada Configure Archive, setting widget Blog Archive . Setelah itu, klik Save.

6. Selanjutnya , Klik pada " Template " .

7.  Klik " Edit HTML "

8. Klik pada ruang edit html dan tekan CTRL+F untuk paparkan ruang search

9. Cari(Ctrl+F) kod dibawah:

 <li><a expr:href='data:i.url'><data:i.title/></a></li>

10. Copy (CTRL+C)  kod dibawah :

<img src='LETAKKAN URL ICON DISINI'/>

KETERANGAN: Gantikan LETAKKAN URL ICON DISINI dengan URL icon anda. Dibawah ada beberapa icon yang anda boleh gunakan.

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic000demoji_406651decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic001demoji_8517130decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic009demoji_12386811decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/fairy/pic007demoji_19045989decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/crayon/pic012demoji_15496649decoojp.gif

http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic009demoji_11848475decoojp.gif

11. Paste (CTRL+V) kod diatas diantara kod  <li>  dan  <a expr:href='data:i.url'><data:i.title/></a></li>

12. Preview dan jika ok Klik Save Template

 SELAMAT MENCUBA :)