Cara Ganti Logo Blogger (Favicon)

 Setiap kita buka blog, biasanya kita ngerasa boring liat logo blogger (favicon) yang gitu2 melulu. Pernah kan liat blog yang menggunakan logo lain yang lebih menarik?? nah...gini nih caranya buat kalian..

1. Siapin dulu gambar buat favicon. Kamu bisa pake editor gambar kesukaan kamu buat berkreasi. Kalo aku pakai Adobe Photoshop.
2. Ukuran maksimal buat tinggi icon biar keliatan proporsional adalah 30 pixel.
3. Simpan gambar dengan ekstensi gif (File, Save As, File Type : gif). Ekstensi buat favicon sebenarnya bisa dibikin dalam ekstensi gif, ico dan png.Aku pilih gif soalnya lebih gampang bikinnya dan ukurannya relatif kecil,bisa dibikin beranimasi lagi!!
4. Upload gambar ke ImageShack (gratis) dan dapatkan link direct downloadnya. Contoh yang aku pakai ada di http://img190.imageshack.us/img190/299/strawberryw.gif
5. Login ke Dashboard blogspot kamu, trus masuk deh  ke menu Layout, Edit HTML
6. Tekan CTRL+F, masukin kata: </head>, letakkan kursor kamu sebelum tanda </head> tersebut
7. Selipkan syntax ini :
   <link href='http://img190.imageshack.us/img190/299/strawberryw.gif' rel='shortcut icon'/> (NB: Ganti alamat http://img190.imageshack.us/img190/299/strawberryw.gif sesuai alamat icon kamu di ImageShack)
8. Save Template dan liat hasilnya!! Selesai deh...

Selamat Mencoba!!

buat maksa browser nampilin favicon diatas, kamu bisa nambahin kode:

<link href='http://img691.imageshack.us/img691/2631/icon2a.gif' type='image/gif' rel='icon' />

Tepat dibawah kode point no. 7.

Favicon dengan tipe file gif bisa muncul dengan baik di browser firefox, tapi gak muncul di IE. buat mastiin setiap icon muncul dengan konsisten, tipe file harus .ico. kunjungin aja http://www.html-kit.com/favicon/ buat bikin file .ico gratis!

Semoga bermanfaat.