Tuesday, November 18, 2008

Memasang Favicons Pada Blogger

Posted by dav On 3:17 AM
Favicon merupakan salah satu style/gaya sebuah website dan sekaligus sebagai suatu ciri khas bagi pada pemilik website atau blogger. Walaupun sederhana tetapi setiap pengunjung secara tidak langsung akan menandai sebuah blog melalui Favicon, selain itu juga memperindah boorkmark pada browser, sehingga ketika kita akan berkunjung kembali ke website tersebut kita tidak perlu membaca alamat link yang bersangkutan cukup dengan melihat sepintas Favicon.
Pada saat yang lalu saya mencoba memasang Favicons pada blog saya tetapi selalu gagal. Favicon yang saya masukan pada template selalu diganti/replace dengan Favicon default blogger. Sebenarnya dimana letak kesalahan pemasangannya. Ternyata setelah ditelaah dengan melihat source code asli tampilan blog kita, blogger secara default memasang favicon dengan alamat dibawah ini :
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
Sangat mudah untuk memperbaiki hal tersebut, ikuti langkah berikut :
Langkah 1
Siapkan favicon yang akan kita gunakan, jika ingin mencari inspirasi silahkan kunjungi link dibawah ini :
Jika malas anda tinggal arahkan mouse pada favicon yang kita sukai pada website diatas, klik kanan dan save as.
Langkah 2
Simpan favicon tersebut pada webhosting kita (misal googlepages)
Langkah 3
Login ke Blogger
Langkah 4
Masuk ke "Tata Letak - Edit HTML" dan cari kode dibawah ini :
</head>
Langkah 5
Letakan kode dibawah ini tepat diatas kode Langkah 4 :
<link href='http://alamat-url.com/favicon.png' rel='shortcut icon'/>
<link href='http://alamat-url.com/favicon.png' rel='icon'/>
Langkah 6
Simpan Template

Perhatian!
  • Gantilah alamat-url dengan alamat url tempat kita menyimpan Favicon
  • Kita bisa menggunakan favicon dengan format .ico, .png atau .gif
Happy blogging :)