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
Kalau suka LIKE sahaja, Jangan lupa komen. TQ.

40 88 Orang doakan Farah dapat 4 flat:

bebyhani said...

wahhh thank ajar tuto nihh :D

Eya Asmyra said...

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

♥Cik Nurfarah♥ said...

@Eya Asmyra
Tukar apa?

asksnow idayu shaari said...

love dis entry..thanx a lot! :)

ani marahaini said...

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?

alia natasya said...

Asal sya cari dekat edit html , tak ada pon ?

fyza punye blog said...

thanx . .

Raja Nur Ezaty Amalina said...

Menarik la tutorial2 cik farah ni ;))

♥Cik Nurfarah♥ said...

@alia natasya

tak sesuai kot template awk

AkUbDaXuNiK said...

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 ?

♥Cik Nurfarah♥ said...

@AkUbDaXuNiK

mungkin ada coding salah atau template tak sesuai

nur shahrina said...

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

Diya Sesame said...

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

It's Sunshine Day said...

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

Aalisha Ai Ting said...

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

miera said...

thaankss .

RajaQina said...

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

zuaida15 said...

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

Nabeel Fikree said...

Menjadi dah! Thanks. :))

ღcikyanaღ said...

menjadi! Thanks ya ;)

Aina Majid said...

thanx, saya amek satu yaa.

miraedo92 said...

thnx kak!sye amik 1 yer!

nosya anuar said...

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

Aku said...

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

Aku said...

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

♥Cik Nurfarah♥ said...

@Aku

Buang je url link tu

melissa lissalalissa said...

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

momslurve said...

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

eriana.9397 said...

sya guna icon tuu yee :)

Fatini Zahid said...

amek satu ye kak...

Fatini Zahid said...

amek satu ye kak...

Rafeeqa Zawanah said...

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

Cik Merah said...

yeayyy ! jadi. hehehe

MIss Faeyza said...

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

MIss Faeyza said...

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

Budak_April :) said...

thanks sis (n_n)

Dya Dinie said...

thanks sangat ><

Hanani Natasya said...

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

cikgu nanny said...

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

vindy febrianty said...

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

 
This Blog is Protected. Copyright 2011 © Design By Cik Nurfarah