Favicon adalah icon utama yang muncul pada address bar suatu website dan biasanya merupakan logo dari website tersebut. Nama lain dari favicon adalah shortcut icon, Web site icon, URL icon, or bookmark icon.
Screenshot  ini adalah contoh tampilan favicon yang sudah diganti sesuai dengan logo blog dengan menggunakan browser mozilla firefox.

Untuk mengganti favicon Blogger (default) dengan logo blog atau website bisa melakukan langkah-langkah sebagai berikut:
1. Buat gambar yang berukuran kecil dan , di sarankan berukuran minimal 16x16px dan maksimal 100px100px dan harus bujur sangkar
2. Upload gambar tersebut dan ambil URL gambar tersebut dan simpan di favicon edit



 









2. Pilih menu "Design"
3. Klik "Edit HTML"

 







4. Cari kode
dan letakkan kode di bawah ini tepat di atasnya
 URL gambar favicon












5. Klik "Save Template"

Sampai disini  favicon sudah bisa terlihat pada browser seperti mozilla, opera, dan yang lainnya. Tetapi tidak dengan browser google chrome ataupun chrome plus.
Maka untuk memunculkan pavicon pada browser chrome, cobalah tambahkan kode type="image/vnd.microsoft.icon"pada kode di nomor 4 langkah kedua. hasilnya nanti akan seperti dibawah ini :

URL gambar favicon
" type="image/vnd.microsoft.icon"/>

Dengan demikian maka favicon yang muncul nanti akan bisa tampil di semua browser, termasuk google chrome dan chrome plus