Anda tentu sudah tahu, apa itu favicon. Ya, 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 Anda, tab tab pada browser, dan sebagai icon untuk Internet shortcut pada desktop atau folder lain pada Windows. Kami pernah membuat artikel yang serupa mengenai Cara membuat favicon.ico.
Bagaimana jika, favicon tampil baik di browser lain termasuk Mozilla Firefox tapi tidak muncul di Internet Explorer?
Ada beberapa kendala, salah satunya adalah mungkin karena image Anda tidak di buat oleh software khusus icon editor .ico. Kemungkinan lain, penempatan “link” nya salah.
Sebaiknya Anda ikuti langkah-langkah berikut:
- Buat image yang akan di jadikan favicon format gif
- Lalu buka software icon editor, panggil image.gif tadi atur canvasnya misal ukuran (16×16) px lalu save as sebagai .ico misal (favicon.ico)
- Tempatkan favicon.ico di root directory
- Di HTML Anda, masukkan link berikut:
<head>
<link rel=”shortcut icon” href=”/favicon.ico” /> untuk Mozilla Firefox
<link rel=”icon” href=”/favicon.ico” /> untuk Internet Explorer (IE)
</head> - Sudah pasti di Mozilla Firefox favicon Anda sudah muncul tapi belum tentu di IE, mari kita lanjutkan.
- Buka IE, hapus cache caranya:
a. Ke Tools > Internet Options
b. Hapus Temporary Internet files
c. Hapus cookies
d. Hapus History - Ulangi masukkan URL Anda atau Refresh (Tekan F5)
- Favicon anda muncul baik di Mozilla Firefox maupun di IE
Kunjungi www.proweb.co.id untuk menambah wawasan anda.