Cara Mengganti Icon Pada Address Bar Blogspot

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon atau favicon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di blogspot maka icon (favicon) default yang akan tampil adalah gambar seperti ini : 

Bagi sobat yang tidak puas dengan icon/gambar tersebut, sobat bisa menggantinya dengan gambar sesuai dengan keinginan. Caranya sangat mudah, yaitu :

1. Buatlah gambar yang akan dijadikan icon/favicon dalam format gif, jpg, ico, dan lain-lain dengan ukuran kurang lebih 24×42 pixel sampai 16×16 pixel, sebenarnya ukurannya bebas, tapi supaya filenya kecil dan proses membukanya cepat pilihlah yang kecil ukurannya.
2. Kemudian upload gambar icon/favicon yang telah sobat buat ke tempat layanan penyimpanan gambar, sobat bisa menyimpan gambar icon/favicon di Picasa Web Album atau Photobucket atau di imageshack, jika belum punya akun sobat tinggal daftar aja semuanya gratis kok.
3. Setelah itu silahkan login ke akun blogspot sobat kemudian masuk ke “Layout –> Edit HTML” trus tempatkan script di bawah ini :

   <link href='http://i690.photobucket.com/albums/vv270/alwi/Alwi.gif' rel='SHORTCUT ICON'/>

4. Tempatkan kode di atas di bawah kode :

   ]]></b:skin>

5. Kode keseluruhan kira-kira akan jadi seperti ini :

   ]]></b:skin>
   <link href='http://i690.photobucket.com/albums/vv270/alwi/Alwi.gif' rel='SHORTCUT ICON'/>

Jangan lupa ganti huruf yang dicetak tebal (warna merah) dengan lokasi URL gambar di mana sobat menyimpannya. Untuk melihat hasilnya, contohnya ada di sini.

Update :

Karena blogspot sudah menyediakan cara mengganti favicon langsung dari dashboard blogger, ikuti cara berikut ini :

1. Buatlah gambar yang akan dijadikan icon/favicon dalam format gif, jpg, ico, dan lain-lain dengan ukuran kurang lebih 32×32 pixel sampai 16×16 pixel, maksimal ukuran yang diperbolehkan adalah 100 kb.
2. Login ke akun blogspot, kemudian buka menu Tata letak di sebelah kiri.
3. Klik tulisan edit yang ada di bawah gambar Favicon atau di sebelah kanan logo favicon blogger .
4. Kemudian pilih file favicon dari komputer sobat, setelah terupload jangan lupa tekan tombol simpan, terus tekan juga tombol simpan pengaturan.
5. Sekarang coba dicek hasilnya dengan membuka halaman blogspot sobat, jika belum berubah/belum muncul logo faviconnya sobat bisa menggunakan browser lain dan tunggu beberapa saat sambil direfresh halaman dengan menekan tombol F5.

Untuk wordpress dengan hosting sendiri caranya ada di postingan ini :Cara Membuat Dan Menampilkan Favicon Di WordPress