Wadah Madrasah Pengalaman: Favicon atau icon pada link


Tuesday, July 20, 2010

Favicon atau icon pada link

.





Salam korang...


So kali nie Wan nak kongsi pasal nak letak FAVICON pada link...cam Kitty Wan kat atas tu..Contoh kat bawah sila tengok







  1. Login ke Dashboard
  2. Klik pada Layout > Edit HTML
  3. Gunakan fungsi Find dengan menaip Ctrl + F secara serentak
  4. Taip </head>
  5. Masukkan kod seperti di bawah sebelum tag tersebut


<link rel="shortcut icon" href="MASUKKAN URL LINK ICON" />


CTRL+C serentak untuk copy

So korang carilah URL photo yang korang nak..cari yang size kecil je k..tak yah besar besar..law besar nanti tak nampak..ambek file .GIF k...cadangan

preview law puas ati...save





so..selamat mencuba..




CIKPUTPUT...hope wan dah selesaikan masalah cikputput..CIKPUTPUT...tengok bawah nie...icon katak tengah cari lalat...jangan jelez..huhuhu


Photobucket







.



120 comments:

Saya Adalah 'Cik Putet' said...

haip..pesal katak put ada kat situ? hahahaha~
curik2..pulang my katak semula..

thanx for helping me agian wan.. :)

Saya Adalah 'Cik Putet' said...

put da ada icon tuh..
tp kan bila download, tak dapat bukak la code HTML diew..
benci betol..kenape ea?

http://www.favicon.cc/?action=icon&file_id=162034

http://www.favicon.cc/?action=icon&file_id=144878

Wan_hazel said...

padan muke...hahahha...cik put ade photobucket tak???uplod kat photobucket..lepas tu ambek link nye..tu je

Saya Adalah 'Cik Putet' said...

put ada photobucket..tp bila nak upload kat photobucket tuh..icon yg di download ke pc put td tuh tak appear..so xley la nak upload dlm photobucket..huhuhu

Wan_hazel said...

hahhaha...nanti wan trytgk k...sabar put

Saya Adalah 'Cik Putet' said...

wan bak meh link entry wan tok tutorial nih..put nak tarok dlm next entry put..entry untuk wan..hehehe :P

Wan_hazel said...

put nie link nye


http://wanhazel.blogspot.com/2010/07/favicon-atau-icon-pada-link.html


dlm next entri..haahha,,ok2

suzie rahman said...

nice3

Wan_hazel said...

suzie


tengs

EkaWeird said...

wan..x bleh pun ika wat... ika nk letak gmbr ni http://www.emotasia.com/wp-content/uploads/rock-punk-girl-emoticons-3.gif

Wan_hazel said...

nape tak leh???wan ty tadi bleh je...try balik k..

Wan_hazel said...

yang nie untuk favicon link eka..ambek kod nie k

<link rel="shortcut icon" href="http://www.emotasia.com/wp-content/uploads/rock-punk-girl-emoticons-3.gif" />

suzie rahman said...

aik..ner komen suzie td..pnt2 mngopy..

Wan_hazel said...

komen mane suzie??huhuhu

suzie rahman said...

der link suzie copy nk bg wan edit.. sal suzie wat xjd..tp dh ilang.. omg!

Wan_hazel said...

owh..nanti cari lg k..hehhe

aLya maNip said...

da lme cari tutorial nie..thanx wan 4 sharing!!

Wan_hazel said...

alya

welkam...kongsi2 bersama..heheh

Affan Ruslan said...

kalau format .ico takleh ek?

Wan_hazel said...

yep format tu tak leh...boleh law taw care

EkaWeird said...

wan...nk copy coding tu sblm "</head" ke selepas??

EkaWeird said...

ika dh dpt wat dh..tp kan dia xleh tukar kat google crome la.. tp bukak mizilla ngan IE br ade. tp wan nye icon kat crome dh ade dh...

Wan_hazel said...

wan gune photobucket nye link gambar..sebab tu kot,,copy selepas k

HEROICzero said...

woaaah mcm neh ek? jap2 nak try. gambo ape menarik eh~

Wan_hazel said...

HEROICzero

ty jgn tak try..heheh

maisyah said...

salam..
hai..i'm ur new follower..
sudah penant cari favicon punya icon..ada cadangan x?
so, saya bleh pilih..
Help..silalah ke blog saya yang x seberapa tu..uhuk..uhuk..coz i need to track u back in sometime..
thanx..

Wan_hazel said...

shoutbox wan ade kat sebelah atas belah kanan.."conteng conteng kat sini" klik je kat situ..hehehe

Unknown said...

akak nk try wat icon tu, tp tak jadi ler.huhu

Wan_hazel said...

ShazlinaSaad

akak kene ambek icon gamabr tu size kecil taw...

Unknown said...

wah..menjadi la dik..tp akak try icon home adik tu..hihi..nak wat sndri tak jadi la..huhu

Wan_hazel said...

akak nak icon yg camne..nanti wan try cari...

Unknown said...

akak suke luv..tp cari tak jumpe..try butterfly lak

Wan_hazel said...

ShazlinaSaad

ok akak try gune nie utk love favicon tu..http://i154.photobucket.com/albums/s258/ssc_13/icon_love.gif

INTANPAYUNG said...

abg wan .nice tutorial but but intan da try wat .tp ta mau pun .huhu .
da banyak kali .huhu .da cari da pic yg kcik pnye T____T

Wan_hazel said...

iNtanhatePoyo

betul ke tak boleh...kene gune pic yg kecil taw..

suzie rahman said...

salam wan cumil2..hihi

Wan_hazel said...

suzie rahman

hehee...tengs..

EkaTikah said...

huhu...thanks abg wan...
jadi2..heee..~~

Wan_hazel said...

^^maSsHimaRo^^

welkam..hehehe,,

farrafieqa redza ^^ said...

wan, fara buad tak jadik pon.

Wan_hazel said...

puteri hangLIPAU^^

kene guna gambar kecil taw..size yg kecil

yayalya said...

xleh btlah...huhuhu nape ek? byk kali cuba...

Wan_hazel said...

yayalya

gune size icon or gambar yg kecil ke...

AinChew said...

tq.. mmg nak wat... tapi fail ouh..waaaa

AinChew said...

xdpt pon buwat.waaaaaa

Wan_hazel said...

cik Diva

nape tak daat..leh je wat law ekot tuto betul2

NA said...

terima kasih, ada cuba buat tapi buang balik sebab pakai orang punya. Baru nak belajar terjumpa blog ni. Teima kasih sekali lagi kerana berkongsi ilmu. Keep it up

Wan_hazel said...

NA

tengs..and welkam..ehhehe

finaz said...

wan,,,ha,,ha,,
fnaz dtang nak menyusahkan wan,,,

x jadi pon,,,,,,:-)

finaz nak wat yang nie,,

http://www.vectoons.com/content/5816/thumb2.jpg

Wan_hazel said...

finaz..icon tu terlampau besar lah..huhuhu.cari yg kecil k

finaz said...

yang nie bleh x wan,,,

http://architecturehousedesign.com/wp-content/uploads/2010/12/ist2_2335968-cartoon-girl-on-inline-skates-vector.jpg

law x bleh,,

wan cari laa icon ape2 pon,,hehhe,,,
finaz nak,, bleh??

Wan_hazel said...

finaz.,,gune nie k...

ilya said...

Wan,boleh carikan code utk icon owl x?

Wan_hazel said...

ilya..guna icon nie..http://i932.photobucket.com/albums/ad165/wua_/SNSD%20ICON%20KOREAN/GIF%20CUTE/2j0xdsj.gif

ilya said...

xboleh lah wan..:(

Wan_hazel said...

ilya

nape lak tak leh??gnti masuk je link tu kat kod dlm tuto tu k

NA said...

Saya dah buat tapi tak simpan pun ikon tu dalam photobucket. Saya buat ext .ico. Akhirnya dapat buat dengan gambar sendiri

Wan_hazel said...

NA

bagus lah law camtu..ehehhee

Hanis Zakirah said...

jadi la wan..thanks yaww!!..kat laman web lain ada tuto camni..tp kod lain..bila install x jd

Wan_hazel said...

welkam..eehhehe..

Anonymous said...

salam..
kat mane ek nk cari icon tu?

Wan_hazel said...

leh cari kat photobucket...guna size kecil je k

Anonymous said...

ok thank!

Wan_hazel said...

welkam anon

sweet . lament said...

np bile sy bt , dy kuar error ??

♥blackberry city's♥ said...

susah...la...cmnbe nk uat..pyh gler

Wan_hazel said...

sweet . lament and ♥baby niko♥

senang je bende nie taw...pasal lak erro n tak leh..guna icon yg kecil k

sweet . lament said...

http://media.photobucket.com/image/small%20icon/mommy2t/blog/icon.png?o=35

yg nie bole tk ?

Wan_hazel said...

boleh je..guna kod nie k..

http://i220.photobucket.com/albums/dd121/mommy2t/blog/icon.png

baru boleh

♥blackberry city's♥ said...

kod link 2..nk ambk dri mne...ekk

Wan_hazel said...

dari photobucket pun leh

♥blackberry city's♥ said...

hmm...k..ble..tkan..head...kn..p2...
kod yg kte jumpe..ni nk paste kat mne

Wan_hazel said...

eh..ade je wan kasi tu nak letak kat mane...ekot je tuto k...ehehhe

sweet . lament said...

yeay ..tQ for the help ..
=)
so nice of you ..

Wan_hazel said...

sweet . lament

welkam...peace

qahfisya farsya said...

dh buad . tpy ta kluar pown favicon yepp

Wan_hazel said...

guna icon yg kecil k...mesti leh

hanizzlui said...

http://media.photobucket.com/image/small%20icon/mandylkl_blythe/small%20icon/PATI.gif?o=105



ny boley tak??

Wan_hazel said...

ok...boleh je..guna kod nie k..

http://i18.photobucket.com/albums/b135/mandylkl_blythe/small%20icon/PATI.gif

Ana Amalina said...

hai wan...im new blogger..
sy dh try nk wat ni tp x mjd..
sy xreti la kat msukkan url icon 2..
sy ambik kat photobucket xleh pun..


http://th1221.photobucket.com/albums/dd473/vitabrilliant/Favicons/th_myfavicon.gif

Wan_hazel said...

boleh je guna kod tu...
guna kod nie k..

<link rel="shortcut icon" href="http://th1221.photobucket.com/albums/dd473/vitabrilliant/Favicons/th_myfavicon.gif" />


ekot je tuto wan tu nak masukn kod tu kat bhgian mane..

Anonymous said...

hai,i'm a new blogger,so saya x fhm la..dh try tp x jd.boleh tolong explain lebih terperinci lg boleh?hehe :)

Wan_hazel said...

anon...ekot je tutorial tu..mesti boleh punya....law tak taw tu..kais taw wan..ape yg tak taw tu??

hanizzlui said...

wan ..
tk ley laa gne kod ny..

http://i18.photobucket.com/albums/b135/mandylkl_blythe/small%20icon/PATI.gif
cne eh?

hanizzlui said...

hehe..yay!n_n berjaya..
huhu
tengz wan!

Wan_hazel said...

welkam..ehehhee

Anonymous said...

die keluar ni la
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: The value of attribute "href" associated with an element type "null" must not contain the '<' character.
Error 500

hurmmm

Wan_hazel said...

anon..

sowie late eply..wan bru balik dr KL nie.....yg tu mesti ade ttinggal kod tu..cek lagi k

sweet . lament said...

http://i871.photobucket.com/albums/ab278/grace0308-2009/color_deco27.gif


yg niey bole tak ??

Wan_hazel said...

yg tu boleh..ehehhe

sweet . lament said...

thanx wan ..
^_^

Wan_hazel said...

welkam..peace

Unknown said...

wan...npe ta boleh?? sy dah try tp still ta boleh...
boleh tlg x?? nak icon domo :)

Wan_hazel said...

si gadis


jgn guna icon besar sgt taw..kecil je..ok..PM wan kat Fb k

Farah Tuhar said...

wan.. nape ade error aek bile farah save template .
then ni (XML error message: The value of attribute "href" associated with an element type "null" must not contain the '<' character.) cam ne ? x paham :(

Wan_hazel said...

ohhsifarah

mesti salah kod nie...ambek link gambar taw..bukan kod gambar yg nak diguna tu

Biep. (Nur Afifah) said...

tak jd pun =,='

Wan_hazel said...

guna icon yg kecil taw....

Wan_hazel said...

welkam zana

cekelathazel said...

wan,nk tny...cm ne ayt kt favicon 2 blh jd marquee??sy wt xjd pn..

Wan_hazel said...

tgk nie...http://wanhazel.blogspot.com/2010/08/tutorial-wat-tekstajuk-blog-bergerak-di.html

eycha said...

xbolee pownn :(

Wan_hazel said...

boleh je...law tak pun guna cara yg dah di sediakn..klik dekat design>page element tu ade je kat atas tu yg tulis favicon,,edit tu

Unknown said...

wan ditag..silah lah datang
http://sayapyqafyqa.blogspot.com/

Wan_hazel said...

ok..peace

Fyrah said...

jd , jd !!! thanks wan : )) !

mRs..raZiey said...

wannn.... :(
xjdik ponn...

Wan_hazel said...

guna gambar yg kecil k

ika_gi said...

salam, wan ika mintak tolong.. daa banyak kali ika buadd tapi tak pernah menjadi macam mana eak ??

Wan_hazel said...

ika try upload guna yg kat page element tu k..ade yg favicon tu...klik je kat situ

fatihah said...

nak cari gmbr lain kat mane ??

Wan_hazel said...

kat photobucket . gilter or google je..

fatihah said...

hee~~ tenkiu :)

Anonymous said...

[url=http://loyalpaydayloanonlinetoday.com/?p=bwanhazel.blogspot.com]payday loan online[/url] - payday loan online , http://loyalpaydayloanonlinetoday.com/?p=swanhazel.blogspot.com payday loan online

Anonymous said...

[url=http://loyalpaydayloantoday.com/?p=bwanhazel.blogspot.com]payday loan[/url] - payday loan , http://loyalpaydayloantoday.com/?p=swanhazel.blogspot.com payday loan

Anonymous said...

[url=http://reliablepaydayloanstoday.com/?p=bwanhazel.blogspot.com]payday loans[/url] - payday loans , http://reliablepaydayloanstoday.com/?p=swanhazel.blogspot.com payday loans

Anonymous said...

[url=http://buycialisonlineinstant.com/#bwanhazel.blogspot.com]buy cialis online[/url] - buy cialis , http://buycialisonlineinstant.com/#swanhazel.blogspot.com buy cialis online

Anonymous said...

[url=http://buyviagraonlineinstant.com/#bwanhazel.blogspot.com]viagra online[/url] - buy viagra online , http://buyviagraonlineinstant.com/#swanhazel.blogspot.com buy viagra

Anonymous said...

[url=http://paydayloansusa1h.com/#13611]payday loans[/url] - payday loans , http://paydayloansusa1h.com/#4119 payday loans

Anonymous said...

[url=http://paydayloansusa1h.com/#15236]payday loans[/url] - payday loans , http://paydayloansusa1h.com/#18555 payday loans