Tutorial 126 : Icon Comel di Blog Archive

Monday, November 28, 2011
Assalamualaikum,
Tutorial laju-laju.
Ok nak try buat icon comel sebelah blog archive macam ni?

Sweet dan comelkan? Tapi korang kena buat tutorial ini dulu :


Sign in blogger > Design > Page Elements > Add a Gadgets > Blog Archive
Pastikan setting korang macam gambar di bawah eh.. ( kalau dah already add sila tukar setting seperti gambar di bawah )

Kalau tak jelas..sila click click this picture!

Cara-cara nak meletakkan Icon comel untuk Blog Archive adalah seperti berikut :

1. Sign in Blogspot > Design > Edit Html > Tick Expand Widget Templates

2. Cari code di bawah, Ctrl F sahaja dan paste code di bawah dalam kotak find then enter!


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

3. Padam/delete code yang korang cari tadi iaitu code <a expr:href='data:i.url'><data:i.title/> dan gantikan/replace dengan code di bawah :

<a expr:href='data:i.url'><img src="URL ICON"/><data:i.title/>

4. Gantikan URL ICON dengan icon comel kesukaan korang!

5. Dah siap, sila preview dan SAVE kalau tidak error. Good Luck!


Malas nak cari, boleh ambil URL ICON di bawah :



http://dl9.glitter-graphics.net/pub/718/718449s271pnji46.gif
http://dl9.glitter-graphics.net/pub/718/718449s271pnji46.gif
http://dl6.glitter-graphics.net/pub/1823/1823186lcyfg9vqaj.gif
http://dl6.glitter-graphics.net/pub/1823/1823186lcyfg9vqaj.gif
http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif
http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif
http://dl.glitter-graphics.net/pub/1009/1009251ay1ofee7km.gif
http://dl.glitter-graphics.net/pub/1009/1009251ay1ofee7km.gif
http://dl3.glitter-graphics.net/pub/371/371123my0lmtqeoi.gif
 http://dl3.glitter-graphics.net/pub/371/371123my0lmtqeoi.gif

 
http://dl10.glitter-graphics.net/pub/1073/1073020lz9hw5tluj.gif

 
http://dl4.glitter-graphics.net/pub/1009/1009254cq7evun01h.gif
 
 
http://dl5.glitter-graphics.net/pub/1008/1008945auujp8uw2h.gif

 
http://dl.glitter-graphics.net/pub/1009/1009301vx913s01dc.gif
 
 
http://dl6.glitter-graphics.net/pub/1008/1008946tm1s3o7sxm.gif
 
 
http://dl7.glitter-graphics.net/pub/1008/1008947py35aw7bbc.gif

Tips : Kalau Blog Archive korang panjang macam galah. Boleh guna Tutorial INI
Labels:
SHARE:

43 comments

  1. AnaNovember 28, 2011 at 8:49 PM

    wahhh thank ajar tuto nihh :D

    ReplyDelete
  2. Eya AsmyraNovember 28, 2011 at 9:32 PM

    sis . sy dah bt . paztu mjd . tp mcmne nak tuka ek ?

    ReplyDelete
  3. NurfarahNovember 28, 2011 at 9:33 PM

    @Eya Asmyra
    Tukar apa?

    ReplyDelete
  4. snowshaariNovember 29, 2011 at 1:33 AM

    love dis entry..thanx a lot! :)

    ReplyDelete
  5. MarahainiNovember 29, 2011 at 12:33 PM

    sis.. nk mntk tlg sis skit leh x? cbe sis tgk blog sye. sye rse blog sye ni template nya bsr. mcm mne nk jd kn templete mcm sis pnya ek?

    ReplyDelete
  6. ✿Alia Akira✿November 29, 2011 at 2:28 PM

    Asal sya cari dekat edit html , tak ada pon ?

    ReplyDelete
  7. fyza punye blogNovember 29, 2011 at 5:24 PM

    thanx . .

    ReplyDelete
  8. Raja Nur Ezaty Amalina Raja IkramDecember 1, 2011 at 5:46 PM

    Menarik la tutorial2 cik farah ni ;))

    ReplyDelete
  9. NurfarahDecember 3, 2011 at 7:38 AM

    @alia natasya

    tak sesuai kot template awk

    ReplyDelete
  10. AkUbDaXuNiKDecember 3, 2011 at 10:43 AM

    kaka , pesal dy kte
    "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: The element type "li" must be terminated by the matching end-tag "".
    ape tu kaka ?

    ReplyDelete
  11. NurfarahDecember 3, 2011 at 11:19 AM

    @AkUbDaXuNiK

    mungkin ada coding salah atau template tak sesuai

    ReplyDelete
  12. nur shahrinaDecember 7, 2011 at 6:16 PM

    asalamualikum akak ...blog achive .. saya jumpa tapi x boleh tekan lah ...macam mane nie ??

    ReplyDelete
  13. ArianaDecember 7, 2011 at 11:01 PM

    kak farah,thanks sooo much..sayang akak <3

    ReplyDelete
  14. It's Sunshine DayDecember 9, 2011 at 6:33 PM

    Kak kenape kalau saei guna edit html mesti tak boleh , dia keluar XML apew entah ? macam mane erk ? please help me :) tq

    ReplyDelete
  15. Aalisha Ai TingDecember 15, 2011 at 3:47 PM

    Seronok, terima kasih byk yang telah saya pelajari dan "cilup". :))

    ReplyDelete
  16. mieraDecember 22, 2011 at 1:20 PM

    thaankss .

    ReplyDelete
  17. RajaQinaDecember 27, 2011 at 4:53 PM

    Assalamualaikum Farah..tq ye sbb bg tutorial nih..like ur cute blog! (^^,)v n qina nak mntak izin nk copy url code utk icon comel kat blog archive..suke sesangat!

    ~sy bdk bru blaja~ ..qina fun cakes..

    ReplyDelete
  18. idaJanuary 30, 2012 at 1:04 PM

    awk2...xjd la.. :(
    kenapa ek??
    follow sy taw ^.^

    ReplyDelete
  19. Nabeel FikreeFebruary 3, 2012 at 11:58 PM

    Menjadi dah! Thanks. :))

    ReplyDelete
  20. ღcikyanaღApril 9, 2012 at 5:44 PM

    menjadi! Thanks ya ;)

    ReplyDelete
  21. Aina MajidJune 3, 2012 at 5:31 PM

    thanx, saya amek satu yaa.

    ReplyDelete
  22. amirahramliJuly 25, 2012 at 2:52 AM

    thnx kak!sye amik 1 yer!

    ReplyDelete
  23. UnknownAugust 11, 2012 at 5:27 PM

    thanx for da tuto...(^___^)

    ReplyDelete
  24. AnonymousAugust 11, 2012 at 10:17 PM

    Assalamualaikum kak farah . Nak tanya macam mana nak buang balik icon kat blog archive ek ? Nampak serabutlah kat blog saya -.-' Mohon jawapan segera , thanks :)

    ReplyDelete
  25. AnonymousAugust 11, 2012 at 10:19 PM

    Assalamualaikum kak farh . Macam man nak buang icon kat sebelah blog archive ek ? Nampak serabut dalam blog saya . Mohon jawapan segera , thanks :)

    ReplyDelete
  26. NurfarahAugust 12, 2012 at 11:19 AM

    @Aku

    Buang je url link tu

    ReplyDelete
  27. AnonymousSeptember 18, 2012 at 5:35 PM

    waa.. jumpa jgk tuto nii.. puas lissa cari.. jmpa dkt blog sis nii.. hehe thanks for the tuto sis.. ^^

    ReplyDelete
  28. AnonymousOctober 8, 2012 at 3:24 PM

    salam cik dil...akk berjaya buat tutorial ni...mekacih manyak2 yea...
    dh lama cari tau....

    ReplyDelete
  29. Dewi Eriana FazlynaNovember 20, 2012 at 5:33 PM

    sya guna icon tuu yee :)

    ReplyDelete
  30. FazDecember 1, 2012 at 10:33 AM

    amek satu ye kak...

    ReplyDelete
  31. FazDecember 1, 2012 at 10:33 AM

    amek satu ye kak...

    ReplyDelete
  32. Rafeeqa ZawanahDecember 23, 2012 at 10:10 PM

    waaa , alhamdulilah , saya dapat jugak akhirnyaa , thankss a lot

    ReplyDelete
  33. Cik MerahJanuary 22, 2013 at 12:03 PM

    yeayyy ! jadi. hehehe

    ReplyDelete
  34. Jejari BerceritaMarch 19, 2013 at 6:44 PM

    thankz sbb ade tuto ni.. alhamdulillah, sy dapat jugak mengemaskinikan blog saya ni :) tq ciknur

    ReplyDelete
  35. Jejari BerceritaMarch 19, 2013 at 6:44 PM

    thankz sbb ade tuto ni.. alhamdulillah, sy dapat jugak mengemaskinikan blog saya ni :) tq ciknur

    ReplyDelete
  36. Soyy_May 3, 2013 at 12:47 AM

    thanks sis (n_n)

    ReplyDelete
  37. Dya DinieJune 7, 2013 at 6:31 PM

    thanks sangat ><

    ReplyDelete
  38. Natasha leeAugust 23, 2013 at 10:50 AM

    @bebyhani kalau nk cm kak farah punya URL ni kan http://dl2.glitter-graphics.net/pub/436/436032x06lk4lcqb.gif

    ReplyDelete
  39. mama ainnurDecember 1, 2013 at 12:09 AM

    Suka sgt dgn tutorial awak,tp byk kod yg xde bila cari kat edit HTML blog yg sedang saya nk bina..sedih sbb gagal..

    ReplyDelete
  40. UnknownMarch 12, 2014 at 2:23 PM

    kak kok sy tdk bisa ya mengganti icon seperti itu??
    tolong jawabannya mksh

    ReplyDelete
  41. Gigi ManisAugust 19, 2014 at 10:59 AM

    salam sis, saya dah try. tapi keluar error la. kenapa ye? saya dah ikut dah macam sis buat tu. tapi x menjadi. sedih =''(

    Hope sis dapat membantu.
    Terima Kasih.

    ReplyDelete
  42. Intan ShazwaniSeptember 19, 2014 at 2:54 PM

    tq dear..jd lah..hehehe suka2

    ReplyDelete
  43. NurfarahDecember 29, 2016 at 6:59 PM

    mungkin ada coding yg salah

    ReplyDelete

-Assalamualaikum, sila tinggalkan komen anda.
-Kalau suka tekan LIKE.
-Insyaallah komen anda akan dilayan :)

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Home
Subscribe to: Post Comments (Atom)

Related Posts
© Blog Cik Nurfarah
Blogger Copyright © 2019. All Rights Reserved by BLOG CIK NURFARAH