Home > Blogger > Mengganti Favicon Blogger/Blogspot

Mengganti Favicon Blogger/Blogspot

Sebelumnya saya pernah membuat posting tentang mengganti favicon di Prestashop. Kali ini, saya bahas cara mengganti favicon untuk blog berbasis 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. Mempunyai favicon sesuai selera menjadi kebanggan tersendiri bagi blogger dan tentunya memberikan citra professional. Caranya gampang saja, ikuti panduan berikut:

1. 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.

2. 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.

3. Masuk ke html editor Blogger, cari kode berikut:

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

Dan Paste di bawah baris kode tersebut. Perhatikan ilustrasi di bawah:

mengganti favicon blogger or blogspot

Gunakan jurus  Ctrl + F pada keyboard untuk mencari lokasi script-nya, masukan kode di atas.

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

5. Lihat hasilnya

Categories: Blogger Tags: ,
  1. May 28, 2012 at 11:26 pm

    makasih infonya sob, akhirnya bisa juga ganti favicon blogku

  2. August 3, 2012 at 1:24 pm

    maksih sob dah takpraktekkan nih….kunjung balik gan

  3. December 12, 2012 at 10:36 pm

    wajib di turuti nich..mksh infony

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: