Mungkin tutorial kali ini sudah banyak dibahas dan telah umum di kalangan Blogger mania? Namun, bagi anda yang baru menjajaki dunia blog, ini tentu merupakan sesuatu yang baru. Apa sih artinya favicon itu?

Kalau arti sih universal... Favicon itu... Itu loh, icon kecil yang ada di address bar? Atau yang terdapat pada browser tab title. Niii... Kalo belum jelas, lihat gambar dibawah yang dilingkar merah.

FaviconGambar kecil yang dilingkar merah pada address, dan browser title bar adalah favicon

Nah, sekarang sudah tahu kan favicon itu apa? Tertarik bikin seperti itu?

Perlu saya share... Pada umumnya, tutorial memberikan script yang seperti ini:

<link href='http://alamatgambaranda.jpg' rel='shortcut icon'>

Masalah!

Mungkin anda salah satunya yang sudah memasang script diatas, dan yang bagi belum tahu, akan saya share.

Coba anda buka web/blog anda di browser Google Chrome. Apa yang terjadi?
Ya... Favicon tidak muncul. Atau seperti gambar dibawah ini.

Favicon Dibuka Lewat Google ChromeGambar kecil yang dilingkar merah pada browser title bar Chrome, tidak memunculkan favicon

• Ukuran gambar yang dikecilkan tidak berpengaruh. Mengapa? Saya pernah memasang gambar yang relatif lebih kecil dimensi, dan size-nya, dibandingkan dengan yang dianjurkan. Yakni berdimensi 32x32 pixels. Atau size sekitar 7 KB. (tergantung gambarnya seperti apa).


• Lalu saya mencoba gambar, dengan resolusi ringan, yaitu gambar dengan spesifikasi rendah. Misalnya, color mode:Paletted (8-bit), resolution: 150 dpi, dan juga saya compress beberapa kali dengan aplikasi pengedit gambar yang umum kita gunakan. Tetap saja tidak pengaruh tuh? Huh... Semakin membuat saya kesal.

Hampir putus asa... Lalu saya memutuskan untuk browsing, apa sih maunya ni? Kok cerewet amat sih jadi browser? Padahal Chrome kan lumayan bagus? Cepat kan?

Akhirnya..... Ketemu juga alasannya mengapa dia ngambek ga mau nampilin favicon blog kita. Haaah...

Tambahkan script berikut, setelah 'shortcut icon'.
type='image/ico'/

Jadi, script favicon versi adam seperti ini:

• Login ke akun Blogger anda, dan buka Design/Rancangan, lalu pilih Edit HTML.


• Copy script diatas, lalu paste-kan sebelum, atau diatas tag </head>


• Kemudian save!

Dan hasilnya, favicon anda kembali muncul di Google Chrome Browser. Selamat mencoba...

Mungkin itu saja bro PF Tutorial-nya untuk kali ini.
Sekian... Semoga bermanfaat yah...

Belum paham? Langsung saja tanya pada saya?