Rabu, 18 Juli 2012

Cara Mengganti Favicon Pada Blog


Membuat blog di bawah platform blogger.com, maka blog sobat blogger secara default memiliki Favicon seperti ini :

Jika sobat blogger membuat blog di bawah platform wordpress.com, tampilan Favicon terlihat seperti ini :

Dan kalau blog (Lentera Blogger) yang saat ini sobat blogger kunjungi memiliki Favicon seperti ini :

Dari gambar dan penjelasan di atas, apakah sobat blogger masih belum jelas yang mana yang disebut dengan Favicon? Kalau masih belum jelas, coba perhatikan gambar berikut!



Dari melihat gambar di atas, saya yakin sobat blogger sudah tau yang mana yang di sebut dengan Favicon, jadi saya langung saja memberikan sobat blogger sedikit penjelasan tentang Favicon.

Favicon merupakan singkatan dari Favorites Icon. Favicon adalah gambar multi-resolusi yang disertakan pada hampir semua situs atau blog yang tampil pada address bar suatu situs atau blog dan merupakan logo dari blog tersebut.

Sebelum mengganti Favicon, tentunya sobat blogger harus memiliki gambar dulu. Gunakan gambar persegi yang ukurannya kurang dari 100KB. Kalau sobat blogger tidak memiliki gambar tersebut, silahkan download saja gambar di http://www.iconarchive.com atau http://www.iconj.com, disana sobat blogger bisa memilih gambar yang bisa sobat blogger jadikan Favicon blog sobat. Ingat, gambar yang akan digunakan, harus ukuran yang sangat kecil. Kalau sobat blogger sudah memiliki icon yang akan digunakan, ikuti langkah di bawah ini :

Cara Mengganti Icon Pada Address Bar :
Ada dua cara yang bisa kita lakukan untuk mengganti Icon default yang terdapat pada blog kita :

Cara pertama :

  • Login terlebih dahulu di blogger.com
  • Pada menu dropdown, klik Layout. 
  • Klik kata Edit di bagian Favicon (Lihat gambar!) 


  • Klik pilih berkas, kalau sudah di Upload klik save. 

Cara Kedua :
  • Login terlebih dahulu di blogger.com
  • Pada menu dropdown, klik Template. 
  • Klik Edit HTML dan Proceed 
  • Cari kode </head> 
  • Tempatkan kode berikut sebelum kode </head> 
<link href='URL ICON' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Save Template sobat.

Ingat : Tulisan yang berwarna merah harus di ganti dengan URL gambar sobat.

Kode yang saya berikan pada Cara kedua, membuat favicon sobat blogger tampil di media browser Google Chrome atau media Browser yang lain. Kode tersebut berbeda dengan kode-kode yang sobat blogger dapatkan di blog lain. Kalau sobat blogger menggunakan kode seperti ini :
<link href='URL ICON' rel='shortcut icon'/>
Maka Favicon yang sudah sobat blogger ganti hanya tampil di media Browser Mozilla Firefox.

Semoga posting ini bermanfaat buat sobat dan selamat mencoba. :-)

0 komentar:

Posting Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More