Cara Memasang Gambar Favicon Di Blog

Favicon adalah singkatan dari favorite icon. Sebuah gambar kecil yang terlihat pada address bar sebelah kiri URL/alamat blog. Bagi pengguna blogger, biasanya favicon yang terpajang berupa Logo B ciri khas dari blogspot. Tapi jika tidak suka, sobat bisa mengganti favicon bawaan blogger alias pasang gambar favicon kreasi sendiri.






Seperti pada Media-Science. Coba perhatikan, dulu gambar favicon tersebut hanya berupa logo dari blogger. tapi sekarang saya ganti menjadi gambar smilley. Sangat menarik bukan? Bagi sobat pengguna blogger, kalau mau, bisa juga menggantinya.

Jika sobat memang tertarik untuk mengganti favicon pada blogger. Berikut adalah langkahnya.

1. siapkan sebuah gambar apa saja yang nanti akan dijadikan gambar favicon. Lebih bagus calon gambar faviconnya berukuran kotak persegi.

2. Kunjungi alamat http://www.htmlkit.com/favicon

3. setelah masuk. Pada Image to use pilih file gambar yang sudah disiapkan tadi. Lalu klik tombol Generate favicon.ico.

4. Tunggu beberapa saat sampai gambar yang dipilih terlihat.

5.Setelah terlihat, langkah selanjutnya adalah klik link Download favicon package. Dan tunggu sampai proses download selesai.

6. setelah berhasil terdownload. File tersebut masih berformat Zip. Contoh Favicon_182708.zip dan ekstraklah dulu filenya ke .gif

7. selanjutnya simpan gambar tersebut ke hosting gambar seperti ke photobucket atau picasa. Kalau saya menyimpannya di album flickr.com dan mengganti ukurannya ke thumbnail 16x16 px.

8. Setelah tersimpan pada hosting. Catat URL gambar tersebut. Contoh alamat favicon Media-Science adalah http://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg

Langkah selanjutnya adalah memasang gambar favicon tersebut ke dalam template blog milik sobat. Dan Langkahnya adalah sebagai berikut:

9. Login ke blogger. Klik rancangan. Lalu klik EDIT HTML.

10. Selanjutnya klik link bertuliskan Download template lengkap. Ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan template.

11. selesai mendownload. Selanjutnya beri centang pada kombo disamping Expand template widget.

12. sekarang cari kode seperti dibawah ini. Supaya mudah dalam mencarinya gunakan saja fungsi Ctrl+F.

<b:skin><![CDATA[/*

13. setelah ketemu. Tepat diatas kode tersebut (no.12) masukan kode dibawah ini.

<link href='http://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg' rel='shortcut icon'/>

Perhatikan pada tulisan berwarna merah. Ganti kode tersebut dengan URL gambar favicon milik sobat.

14. sehingga setelah digabung. tampilan kodenya akan seperti ini:

<link href='http://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg' rel='shortcut icon'/>
<b:skin><![CDATA[/*

15. Setelah selesai menyisipkan kodenya. Jangan lupa klik tombol Simpan template sampai ada keterangan perubahan anda telah disimpan 'lihat blog'

16. klik lihat blog guna melihat hasilnya. Dan jika berhasil, pada address bar atau disamping kiri URL blog, akan terpajang gambar favicon baru milik sobat.

17. terakhir, ya selesai. selamat mencoba dan semoga berhasil!

Itulah cara yang saya gunakan pada Media-Science untuk mengganti gambar favicon milik blogger alias Memasang gambar favicon pilihan saya.

" Semoga Bermanfaat yaa "