Memasang Ikon Pada Website Atau Blog

Favicon adalah icon kecil yang dibuat secara khusus yang muncul ketika suatu website telah selesai loading, letak icon ini di samping URL situs web di address bar browser web. Mereka juga muncul dalam situs bookmarked, tab tab browser, dan sebagai icon untuk Internet shortcut pada desktop atau folder lain pada Windows.

Untuk memasang ikon di Blog atau Web, yang diperlukan adalah gambar dalam format ico. Karena format ini yang lebih banyak diterima. Adapun format PNG, BMP, dst ada yang bisa tampil ada yang tidak.

Untuk membuat file .ico Anda membutuhkan file plugin untuk photoshop agar program tersebut dapat mengenali file .ico dan menyimpan file sebagai .ico. Pastikan plugin tersebut telah terinstall pada komputer anda. Pertama buatlah icon pada photoshop dengan ukuran 400x400 pixel. Lakukan adjust pada icon, setelah hasil yang anda dapatkan dirasakan cukup, ubahlah ukuran kanvas tadi dari 400x400 pixel menjadi 16x16, 32x32, 48x48, atau 64x64. Setelah itu lakukan save as dan pilihlah tipe file .ico.

File ico juga dapat dibuat secara online, seperti menggunakan website http://www.html-kit.com/favicon/

Memasang Ikon Pada Website Atau Blog

1. Kunjungi situs.
2. Pada Create a Favicon from any picture, klik 'Browse'.
3. Kemudian klik 'Generate FavIcon.ico'
4. Setelah itu jika Anda menginginkan favicon animasi, download dalam format gif dan simpan gambar.
5. Kemudian upload gambar tersebut menggunakan hosting, atau bisa diupload pada blogger, kemudian diambil urlnya.

Setelah favicon siap, berikut langkah memasangnya:

1. Login ke akun blogger Anda. 
2. Pilih 'Tata Letak' pada menu dropdown. 
3. Klik 'Edit' di bagian Favicon, lihat gambar
4. Klik 'Browse', pilih file, setelah di upload klik 'Simpan'.

Cara lainnya adalah dengan menaruh kode html lalu menyimpannya. Pada blogspot masuk ke Template ---> Edit HTML ---> beri tanda centang pada kotak Expand Widget Template. Lalu tambahkan kode dibawah ini tepat diatas </head>

<link href='URL ICON' rel='icon' type='image/gif'/>

atau
<link rel="Shortcut Icon" href="/favicon.ico">
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/ico" href="favicon.ico">
<link rel="icon" href="/favicon.png" type="image/png">
<link rel="icon" href="/favicon.gif" type="image/gif">

Keterangan:
Ganti 'URL ICON' dengan URL atau link gambar yang Anda upload tadi. Kemudian simpan template.Pada website selain blog tinggal mencari kode </head>

Untuk membuat favicon berjalan dapat membuat online di situs Favicon animasi. Generate gambar png, isi tulisan dan unduh. Uploud di hosting atau blog kemudian ambil url link nya.

Kode faviconnya

<link rel="shortcut icon" href="alamat link faviconnya">

Ketika muncul eror: The Element Type "link" Must Be Terminated by The Matching End-tag
link pada blogspot cukup tambahkan tanda garis miring. Menjadi

<link rel="shortcut icon" href="alamat link faviconnya"/>