Tutorial : Menukar Favicon Blog ( Blogspot )

Favicon ialah icon kecil yang terletak kat sebelak kiri browser tab kita. Favicon juga melambangkan identiti sesebuah blog atau website. Kalau tengok kat sebelah address bar tu perasan la kan logo apa yang diorang pakai. Untuk pengguna blogspot mesti bosan kan logo B je sama dengan orang lain,blog aku kat blogspot pun aku tukar gak faviconnya. Okey, jom tukar favicon dan cipta kelainan pada blog.

… contoh gambar yang guna favicon asal dan yang guna favicon sendiri …

Ni screenshot lama, aku amik gambar ni je.. Aiseh, kantoi kan aku tengah usha SEO improvement kat blog Ariff..

Mula-mula sebelum tukar, korang mesti kena ada favicon tu dulu. Nak buat boleh guna Adobe Photoshop dengan size layer 16 X 16. Pastu design la ikut sukahati camane pun. Siap, simpan dalam bentuk imej ( cth : .jpg ). Tak reti guna photoshop ? Takpe.. Cari je kat google tu, taip favicon icon atau keywords yang sewaktu dengannya. Ada je website yang sediakan favicon comel-comel. Tak pun search kat Photobucket. Jumpa favicon yang sesuai,simpan gambar tu dalam komputer.

Seterusnya, buka akaun image hosting korang ( cth : Photobucket, Flickr ). Kalau takde boleh register, Photobucket dan Flickr ni percuma, penting gak ada akaun image hosting untuk kegunaan masa depan. Kenapa penting tu aku tak cerita dulu la, fokus kat tukar favicon ni dulu.

Upload gambar tadi kat photobucket. Aku amik contoh Photobucket sebab aku gunakan ni sebagai image hosting. Apa – apa provider pun tak kisah sebab yang kita nak Direct Link atau URL Image tu je. Dah siap upload, cari Direct Link image tadi macam kat gambar bawah ni dan save kat mana-mana la. Notepad ke Word ke.

Sekarang ikut step ni :
1. Macm biasa bila nak godeh HTML code blogspot buka Design -> Edit HTML -> tick Expand.

2. Klik CTRL + F nak aktifkan fungsi search kat web browser.

3. Cari kod ini <title><data:blog.pageTitle/></title> . Dah jumpa biarkan dulu.

4. Copy kod

<link href=’YOUR – IMAGE – URL ‘ rel=’shortcut icon’ type=’image/png’/>

dan paste DI BAWAH kod <title><data:blog.pageTitle/></title>.

5. Gantikan ayat YOUR – IMAGE – URL dengan Direct Link yang dah disimpan tadi.

6. Save Template dan boleh lihat hasilnya.

Okey, Selamat Mencuba.