Monday, November 28, 2011

Tutorial 126 : Icon Comel di Blog Archive

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
SHARE:

43 comments

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

    ReplyDelete
  2. 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
  3. Asal sya cari dekat edit html , tak ada pon ?

    ReplyDelete
  4. 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
  5. @AkUbDaXuNiK

    mungkin ada coding salah atau template tak sesuai

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

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

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

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

    ReplyDelete
  10. 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
  11. awk2...xjd la.. :(
    kenapa ek??
    follow sy taw ^.^

    ReplyDelete
  12. 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
  13. Assalamualaikum kak farh . Macam man nak buang icon kat sebelah blog archive ek ? Nampak serabut dalam blog saya . Mohon jawapan segera , thanks :)

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

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

    ReplyDelete
  16. waaa , alhamdulilah , saya dapat jugak akhirnyaa , thankss a lot

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

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

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

    ReplyDelete
  20. 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
  21. kak kok sy tdk bisa ya mengganti icon seperti itu??
    tolong jawabannya mksh

    ReplyDelete
  22. 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

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

Jangan lupa LIKE! dan SHARE!

Terima kasih :)

Blogger Copyright © 2019. All Rights Reserved by BLOG CIK NURFARAH