Mengganti Favicon Blogger/Blogspot

Posted by BakulatZ on June 29, 2011 · 1 Comment

Dulu saya pernah posting tentang Mengganti Favicon di WordPress, dan sekarang Mengganti Favicon untuk Blogger/Blogspot.
Favicon adalah ikon kecil yang muncul di pojok kiri address bar dan pojok kiri tab. Secara default favicon Blogger/Blogspot adalah simbol B dengan background jingga. Jika Sobat ingin punya favicon sendiri untuk branding blog anda, berikut caranya :

Pertama anda harus punya gambar/image untuk favicon.

Bagi Anda yang menguasai software grafis, Anda boleh membuat sebuah logo dengan Adobe Photoshop, Illustrator, CorelDraw, atau software grafis apapun yang Anda kuasai. Lalu ekspor ke gif, png atau jpg. Lalu upload ke file hosting gratis seperti Google Pages, Photobucket.
Sekarang, login ke Blogger. Pilih Layout -> Edit HTML.

Copy salah satu kode di bawah ini:

<link href=’url-gambar‘ rel=’shortcut icon’ />
<link href=’url-gambar.gif‘ rel=’icon” type=’image/gif’ />

Ganti tulisan yang berwarna biru dengan alamat gambar/image.

Lalu paste di bawah baris kode berikut:

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

Gunakan fungsi find biar lebih mudah, tekan Ctrl + F pada keyboard, masukan kode di atas.

Sebelum Sobat Save/simpan, klik preview/pratinjau, ini penting karena menurut Pengalamanku yang langsung main save aja, faviconnya tidak berubah kalau langsung di save.