Favicon, Kecil tapi Tidak Kecil Guna

Tahukah kamu apa itu Favicon? Kalo menurut Om Wiki sih Favicon itu:

Favicon (kependekan dari Favourites Icon), yang juga dikenal sebagai shortcut icon, Web site icon, URL icon, atau bookmark icon, adalah sebuah 1 atau lebih gambar icon, yang biasanya berukuran 16*16 pixel, yang berhubungan dengan website atau webpage tertentu. Seorang web desingner bisa membuat favicon dan memasangnya ke dalam sebuah website untuk beberapa tujuan dan web browser grafis kemudian memanfaatkan kegunaannya.

Web browser yang menyediakan favicon biasanya menampilkan favicon sebuah halaman web di address bar browser dan di sebelah halaman web pada daftar bookmark web. Browser yang menyediakan favicon mendukung interface dengan tab2 biasanya menampilkan favicon di sebelah judul halaman web di tab dan site-specific browser menggunakannya sebagai icon desktopnya.

Favicon juga sangat berguna sebagai sebuah metode branding sebuah website atau blog sehingga website tersebut dapat lebih mudah dikenali dan diingat. Kalau kamu memakai browser yang mendukung Favicon, maka kamu akan melihat favicon Blogger-Holic, contohnya jika memakai browser Mozilla Firefox seperti ini:

Ya, bisa dibilang, Favicon, kecil tapi banyak gunanya :D

Bagaimana cara aktifin Favicon di Blogger??

Pertama-tama, siapkan gambar yang akan dijadikan favicon. Buat icon untuk favicon ini dengan gambar berukuran 16x16 pixel dan berekstensi .ico (format gambar untuk icon). Untuk membuatnya bisa menggunakan software editing gambar, seperti Adobe Photoshop, GIMP, dll.

Alternatif lebih mudahnya adalah dengan menggunakan online tools favicon generator, seperti FavIcon from Pics yang bisa membuat favicon dari berbagai resolusi gambar. Sedikit saran, untuk membuat sebuah favicon, gunakan gambar yang berukuran kotak/square, seperti ukuran 100x100, 64x64, atau 16x16. Setelah gambar tersedia, tinggal memasukkannya ke dalam blog.

Ada 2 cara, untuk memasang favicon kita ini ke dalam Blogger.

1. Cara pertama dengan sedikit memasukkan beberapa kode ke dalam template HTML blog.
Upload gambar favicon yang tadi telah dibuat. Gambar favicon juga bisa diunggah ke situs image hosting gratisan, seperti Picasa, Imageshack, atau Tinypic.
Jika favicon sudah diupload, di Blogger masuk ke Design > Edit HTML.

Cari </head>, lalu tambahkan kode ini di atasnya:

<link href='ALAMAT URL FAVICON.ico' rel='shortcut icon'/> <link href='ALAMAT URL FAVICON.ico' rel='icon'/>

Ganti teks yg berwarna merah dengan URL alamat gambar favicon kamu.
Save.

2. Dengan menggunakan fitur baru Blogger Favicon.
Setelah gambar favicon tersedia, masuk ke dalam Design > Page Elements.
Pada bagian Favicon, klik Edit. Nanti akan muncul window baru.
Di window baru tersebut, klik browse dan pilih gambar favicon yang akan dipakai. Gambar akan diupload dan akan muncul gambar favicon yang telah kita pilih tadi.
Save.

Hasilnya bisa dilihat ketika kamu mengakses blog. Favicon blog kamu akan berubah menjadi favicon yang tadi baru aja dimasukkin.


"Favicon udah saya upload, tapi kok favicon di blog ga berubah ya?"

Coba kamu Refresh browser kamu, biasanya dgn F5 atau CTRL+F5. Kalau ga berhasil juga, coba hapus file2 cache di browser kamu.

Ya seperti yg saya bilang, favicon kecil tapi engga kecil guna. Dengan favicon bisa meningkatkan identitas dan branding blog.

That's all.. semoga bermanfaat :)