Tutorial Favicon

Pada post kali ini,saya nak share dengan rakan blogger sekalian bagaimana cara nak letak Favicon kat URL bar,especially untuk blogger yang gunakan Blogger.com sebagai blogging platform..Pada post yang lalu saya sudah terangkan dengan jelas cara nak tukar template Blogger.com ..So,posting kali ini saya nak kongsikan pula bagaimana cara untuk add favicon pada blog...

Emmhh,,Kenapa pula nak letak favicon?

favicon ini pun salah satu juga cara untuk mencantikkan blog.Setelah tukar template blog,kita boleh paparkan logo atau produk imej di URL bar pelawat yang melawat blog kita..
Anda pun tahu terdapat berbagai cara nak add favicon nie?Tapi bagi saya,,cara yang akan saya tunjukkan pada post ini adalah cara yang terbaik dan berkesan untuk blogger.com...Sekali buat confirm jadi punya daa..

Senang sahaja,just follow up setiap step yang saya tunjukkan pada post ini okay..confirm success,, ;) ..okay lets get start it...................

Step 1 :
Pertama sekali yang anda perlu buat ialah download software ImagiconSetup.ImagiconSetup adalah software digunakan untuk menukar(convert) format imej sama ada jpg,png,bmp dan lain-lain format imej kepada format .ico.Selesai download,extract file ImageiconSetup.rar dan installkan pada pc(komputer) anda.

Step 2 :
Pilih imej yang anda mahu jadikan favicon kemudian edit saiz imej 16x16 atau 32x32.Gunakan ImageiconSetup untuk convert imej kepada format .ico..

Step 3 :
Jadikan Google Groups sebagai free imej hosting untuk upload file .ico anda.
Gunakan akaun Google anda dan log in pada Google Groups . .

klik pada upload file untuk upload file .ico ..

Step 4 :
Dapatkan URL file .ico anda dengan klik pada file .ico yang anda telah upload..rujuk imej di bawah..

Copy URL imej .ico ...

Step 5 :
Log in Blogger.com .Klik Layout pada dashboard kemudian klik Edit HTML..

Pada HTML blog anda..cari kod seperti dalam imej di bawah ini ..

Pada langkah seterusnya..Letakkan kod favicon di bawah kod pada kotak merah di atas ..

Last Step
Penting : Kod Favicon

<link href='your ico file URL' rel='shortcut icon' type='image/x-icon'/>

Taip semula kod di atas..Tukarkan [your ico file URL] sahaja pada kod di atas dengan URL imej .ico (rujuk langkah 4)..

Copy keseluruhan kod dan paste kan pada ruangan seperti dalam imej di bawah ...

Letakkan keseluruhan kod favicon di bawah kod pada kotak merah seperti pada imej di atas kemudian klik SAVE TEMPLATE ...

Done...now you have your own favicon...