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 
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).
8 Comments
helo bro
Wow… Bagus tipsnya…
Hehe.. Salam kenal juga yach…
Thanks bro….terus buat artikel yo..
Oy, masukan artikel buat YM donk…
hi2xxx
????:) ???? ??????, ? ?? ?????????? ???-?? ?? ????? ?????????? ?????.
wah bagus nih
buat mempercantik website
Sebera dicoba..!
klo icon di pasang di situs WAP bs gk? klo bs caranya sama ato tdk?
@heri05
klo pke WAP saya blm pernah coba…