Cara Membuat Favicon | Icon pada Title Bar

Favicon adalah icon yang terdapat pada title 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 ini:

<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfsjH4NIHom777QInVAakBQB2F511_CBR1mrqvF2U9-jB4FyIjFj2G26edtBzyY9lWzLhd8CT2-lTdb8g6L3Tv21qTsNokTQWw99NGhBS743U8xo77b4rXNyfqCj9NOnr_SLHqko5LdTT7/s128/Favicon_Tutorial.png' rel='shortcut icon' type='image/x-icon'/>

Semoga Bermanfaat.

Posted in: Blog