Cara Membuat Favicon | Icon pada Address Bar

Wah, ternyata sudah lama juga ya ga posting, blog saya makin sepi deh, hehe, pada kesempatan kali ini saya akan share cara membuat favicon. Favicon adalah icon yang terdapat pada address bar atau tab bar pada web browser, cara membuatnya pun ternyata cukup mudah dengan menggunakan tool Favicon Generator.

Berikut tips membuat favicon :

1. Siapkan gambar yang akan dijadikan icon, tipe file: *.jpg, *.gif, *.png
2. Kunjungi http://tools.dynamicdrive.com/favicon/ atau http://www.favicongenerator.com
3. Pada tombol browse pilih gambar yang akan dijadikan icon.
4. Kemudian klik “create icon”
5. Klik “download favicon” untuk menyimpan gambar, hasilnya berupa : nama_file.ico
6. Upload icon tersebut ke situs penyimpanan online, coba di www.fileave.com, sebelumnya daftar terlebih dahulu.
7. Kemudian masuk ke akun blogger anda, lalu masuk ke Edit HTML

Kemudian cari tag </head>, dan tambahkan code di bawah ini tepat diatas tag </head>:

<link href='http://url_favicon_anda' rel='shortcut icon' type='image/x-icon'/>

Keterangan : ganti "url_favicon_anda" dengan alamat file icon yang telah anda upload.

Contoh penambahan kode pada blog saya:

<link href='http://ghostcell.fileave.com/ghostcell.gif' rel='shortcut icon' type='image/x-icon'/>

Semoga Bermanfaat.

Update:  Anda bisa juga membuat favicon dengan tipe file *.gif seperti punya Ghostcell, sehingga kesan animasinya dapet..hehe