~TUTORIAL : Icon comel di Blog Archive ~




Eli nak ajau tutorial ni laju-laju >,<
Ok, korang nk buat icon comel sebelah blog archieve ni mcm pix atas tuh?
sweet & comel kn? tp, korang kene buat tutorial ni dahulu. . . . . . . 

Sign in blogger > Design > Page Elements > Add a Gadgets > Blog Archive

Pastikan setting korang macam gambar di bawah eh. . .( kalau korang da already add sila tukar setting seperti  gambar di bawah yang telah di highlight kan )


style : hierarchy

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

1. Sign in Blogspot > Design >Edit HTML > Tick Expand Widget Templates 
(*pastikan korang backup/restore dahulu blog)

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!



psttttt!
#malas nak cari? boleh ambil URL ICON di bawah ini :


http://dl6.glitter-graphics.net/pub/1823/1823186lcyfg9vqaj.gif

http://dl6.glitter-graphics.net/pub/440/440576q8wrax7se2.gif

http://dl.glitter-graphics.net/pub/1009/1009251ay1ofee7km.gif

http://dl3.glitter-graphics.net/pub/371/371123my0lmtqeoi.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


|Eli|



TIPS : xley Copy code yg ade? >,< KLIK SINI utk DISABLE






Terima Kasih sudi baca entri Eli..sila datang lagi.. (:

2 comments:

Anonymous said...

byk nye tuturial....harap dpt mcm2 totorial kat sini

Anonymous said...

yey.... :)

 photo footerbwh2015_zps5c8e7c89.png

Copyright@Segala yang tercatat di atas adalah hak milik ElixierDeXandra