Cara Mengganti Favicon di Blogger

Favicon adalah icon/gambar yang terletak pada address bar dari suatu web browser. Setiap situs atau blog biasanya memiliki favicon.

Pada blogspot, favicon yang dibuat berupa logo blogger berwarna orange. Favicon ini tidak bisa diganti begitu saja melalui setting/pengaturannya. Lalu bagaimana jika anda ingin mengganti/merubah favicon ini?

Sebenarnya cara mengganti favicon blogger ini cukup mudah. Anda bisa menggantinya melalui pengeditan layout.

Membuat favicon
Pertama anda persiapkan terlebih dahulu gambar untuk favicon blog anda. Favicon dapat berupa .ico atau .gif. Jika belum memilikinya, langsung saja klik http://www.html-kit.com/favicon/.
  • Kemudian klik tombol browse dan cari gambar dari komputer anda untuk dijadikan favicon.


  • Klik tombol Generate FavIcon.ico.
  • Klik link Download FavIcon Package.


  • Anda akan mendapatkan file beformat .zip, extract file .zip tersebut.
  • Upload favicon.ico atau animated_favicon1.gif ke image hosting anda.
Memasang favicon ke blogger
1.Masuk ke akun blogger anda.

2.Pilih menu Design (Tata Letak) » Edit HTML.

3.Cari kode di bawah ini.

<b:include data='blog' name='all-head-content'/>

4.Copy-paste kode berikut di bawah kode tadi.

<link href='url-gambar.ico' rel='shortcut icon'/>
atau
<link href='url-gambar.gif' rel='icon' type='image/gif'/>

5.Ganti tulisan berwarna merah dengan url favicon anda tadi.

6.Simpan template.

Setelah selesai melakukan pengeditan, sekarang lihat hasilnya. Jika anda melakukannya dengan benar, favicon ini akan tampil di address bar, sebelah kiri URL blog anda.

Untuk cara memasang favicon di blog selain blogspot juga bisa menggunakan kode di atas. Tetapi pengeditan HTML-nya mungkin sedikit berbeda.

Selamat mencoba!

No comments:

Post a Comment