Icon tidak selalu identik dengan aplikasi desktop, sebuah website maupun blog juga bisa mempunyai icon. Icon ini muncul pada address bar dan tab dari web browser ketika web yang bersangkutan dibuka.

Contohnya blog ini mempunyai icon seperti berikut Favicon. Icon pada website/blog tersebut dikenal sebagai favicon atau favorite icon, fungsinya untuk mempermudah mengidentifikasi suatu website/blog (sebagai tanda pengenal).

Pada artikel ini saya akan membahas bagaimana cara menambahkan icon pada website/blog.

Pertama siapkan dulu gambar icon yang ingin anda gunakan, formatnya harus *.ico dengan ukuran yang tidak terlalu besar.

Kemudian untuk menampilkan icon tersebut pada halaman website gunakan tag berikut

<link rel=”icon” href=”http://url/icon”> atau

<link href=”http://url/icon” rel=”icon” type=”image/vnd.microsoft.icon”/>

Misalkan saya mempunyai icon dengan nama mobil.ico yang terletak di folder gambar, maka saya tulis

<link rel=”icon” href=”http://www.kadekbagus.com/gambar/mobil.ico”>

Letakkan tag tersebut diantara tag buka <head> dan tag tutup </head> dokumen html.

Lalu bagaimana untuk blog? pada intinya sama saja, jika layanan blog anda mempunyai fasilitas untuk mengedit template/CSS/HTML berarti anda bisa mengubah icon blog anda.

Berikut langkah langkah menambahkan favicon pada layanan blogger.com dan self-hosted wordpress.

Pengguna Blogger.com

Caranya buka menu layout > edit HTML.

Khusus untuk blogger gunakan tag berikut :

<link href=”http://url/icon” rel=”icon” type=”image/vnd.microsoft.icon”/>

ketikan dibawah tag <title> yang ada di antara tag <head>

Self-Hosted WordPress

Caranya buka menu design > theme editor > pilih Header (header.php).

Cari bagian <head> lalu ketikan kode :

<link rel=”icon” href=”http://url/icon”> atau

<link href=”http://url/icon” rel=”icon” type=”image/vnd.microsoft.icon”/>

Untuk wordpress versi 2.7 caranya buka menu appearance > lalu pilih editor.

Bagi anda pengguna wordpress.com anda harus mengupgrade membership supaya bisa mengedit template.

Selain sebagai tanda pengenal, dengan memasang favicon membuat suatu website/blog menjadi lebih ekslusif dimata para visitor (pengunjung).