Thursday, February 3, 2011

tutorial : how to make favicon


aku pun xtau cmner nk explain favicon(shortform for feveret icon) tu per..
sng cite die bende alah yg aku circle kan kaler merah kt gambar atas tu..
jenuh gak ler dok cr coding nk wat..at last jumpe gak yg paling kacang,sng nk ikut..


step 1 : cari pape pic yg korunx rs nk jd kan as favicon..make sure cr yg kecik seconet yg mungkin..cr yg resolution kecik r utk better quality..prefer 16x16,22x22 or 36x36..tp aku jumpe yg 45x45,malaz nk resize blk,ok jek pun..;)



step 2 : upload gambar td tu kt somewhere untuk amik URL nanti..aku upload kt photobucket jek..pas2 copy link..

e.g : aku upload pic and copy direct link tu..http://i311.photobucket.com/albums/ladybirdicon.jpg



step 3 : gi kat dashboard --> design --> edit html...pas2 find (Ctrl+F) :^title^^data:blog.pagetitle/^^/title^
(plz tukar ^ jd < or > nie ok coz der prob ckit time nk post entri,mayb redundant coding kot..sowy~)



step 4 : masukkan coding nie bwh coding yg korunx find td : ^link href=URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/^
(replace 'URL of your icon file' ngan link yg korunx copy kt step 2 td tu)
(plz tukar ^ jd < or > nie ok coz der prob ckit time nk post entri,mayb redundant coding kot..sowy~)

e.g : ^link href="http://i311.photobucket.com/albums/ladybirdicon.jpg" rel='shortcut icon' type='image/vnd.microsoft.icon'/^



step 5 : make sure korunx PREVIEW dulu b4 SAVE TEMPLATE tu yer..kang xpuas ati ker per still bley tukar..xder ler kang coding tu dpt maki hamun free2 kan...



p/s : kdg2 tu take time gak tau blog tu nk refresh blk..yela,xbiase lg ngan favicon br kan,gedix2 r nk wat sesi suai kenal lame2..tp agak2 ler weyh..if dlm bape 5 minit xkuar2 gak,confirm resolution gambar tu besar sgt,xseswai,sila tukar kasi kicik ckit!!xpun plz cek ur internet connection yer..^_^



GUDLUCK!!



◕‿◕。

No comments: