Cara Ganti Favicon di Blog

Favicon artinya favorite icon, icon atau lambang kecil yang terdapat di samping kiri alamat suatu website. Favicon letaknya disamping address bar. Nah, yang akan di bahas kali ini adalah bagaimana mengubah default favicon pada blog, khusunya blog dari blogger. Seperti kita ketahui, blogger langsung memasangkan favicon asli blogger pada blog yang dibuat di blogger.

Agar tampilan blog Anda mempunyai favicon sendiri, favicon tersebut bisa kita ganti. Terlebih dahulu anda harus mempunyai gambar yang akan dijadikan favicon. Ekstensi gambar yang bisa dipergunakan,yaitu *.jpg, *.gif atau *.ico. Jika Anda pernah melihat favicon yang bisa bergerak, itu adalah favicon dengan tipe *.gif. Perlu Anda ketahui bahwa ukuran favicon tersebut adalah 16x16 px. Jadi buatlah terlebih dahulu gambar dengan ukuran tersebut. Jika anda mengalami kesulitan dalam mengubah ukuran favicon itu, anda dapat mempergunakan http://www.html-kit.com/favicon/ untuk merubah ukuran gambar menjadi 16x16 px dengan mudah.


Langkah untuk mengubah favicon pada blogger:

1. Buka alamat http://www.html-kit.com/favicon/ untuk mendapatkan gambar ukuran 16x16


2. Klik "Browse" kemudian pilih gambar yang akan dijadikan favicon. Gambar tersebut dapat berupa logo yang sekiranya melambangkan blog anda dengan tipe *.jpg atau *.png.















3. Kemudian klik "Generate Favicon.ico". Setelah proses upload selesai, anda tinggal men-download favicon yang telah di-generate. Jika anda ingin mengedit, misalnya mengganti background anda tinggal mengklik "Customize"
























4. Setelah didownload, maka anda akan mendapatkan sebuah file dengan tipe zip. Extract file tersebut. Di dalam file yang telah diextract tersebut terdapat gambar yang akan kita jadikan sebagai favicon.


5. Kemudian upload file gambar tersebut di situs untuk menyimpan gambar di internet. Misal pada situs upload gambar gratisan di imageshack atau photobucket. Aobat harus buat akun disana.


6. Contoh, jika anda menggunakan imageshack, maka setelah diupload maka akan muncul tampilan seperti dibawah ini. Cari bagian "Direct", di dalamnya ada sebaris kode. Itulah kode yang akan digunakan sebagai link/url yang mengarah ke gambar favicon tersebut.





















7. Nah, sekarang masuk ke halaman blogger anda. Kemudian pilih "Rancangan".






8. Kemudian pilih tab "Edit HTML".







9. Jangan lupa untuk menandai "Expand Template Widget"







10. Kemudian carilah kode di bawah ini:

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


11. Copy paste kode di bawah ini tepat di bawah kode yana ada di atas.

<link href='url-gambar' rel='shortcut icon'/>

Keterangan:
Kode yang berwarna biru, harus anda ganti dengan link/url tempat anda mengupload gambar favicon tersebut.


12. Simpan Template Anda.


Good Luck...