Favicon bagi saya pribadi merupakan identitas sebuah situs, selain dari isi situs tersebut. Untuk menampilkan favicon pada website anda caranya sangat mudah. Yang anda butuhkan adalah sebuah tool yang bisa mengkonversi image yang telah anda persiapkan untuk dijadikan sebuah favicon.
Kalau anda tidak mau susah-susah mendownload programnya, anda bisa memanfaatkan situs online yang menyediakan layanan pembuatan favicon gratis. Kunjungi saja situs www.tools.dynamic-drive.com/favicon/, untuk mengkonversi gambar anda menjadi favicon. Yang harus anda siapkan adalah image berukuran 16 x 16 pixels. Bedanya adalah jika menggunakan adsen favicon harus dilakukan proses instalasi terlebih dahulu, supaya program bisa dijalankan. Untuk membuat favicon yang baik anda harus menyiapkan sebuah image yang ukurannya proporsional. Karena besar favicon nantinya 16 x 16 pixels. Untuk memulai anda bisa membuat image berukuran 64 x 64 pixels dengan ekstensi *.jpeg, *.jpg atau *.bmp.
Setelah itu pada adsen favicon klik open image lalu browse letak image yang telah anda siapkan tadi. Apakah anda sudah menemukan image anda? Oke langsung klik Save Icon. Anda akan diminta menentukan nama dan letak ikon yang baru anda buat. Agar memudahkan website anda maka letakkan favicon anda pada root direktori situs anda.
Sampai disini anda telah menyiapkan favicon anda, lalu apakah favicon anda sudah bisa tampil?. Belum. Kita harus memberitahukan halaman situs kita untuk mengabil favicon tadi, caranya adalah dengan menambahkan skrip berikut diantara tag <head> dan </head> :
|
link rel=”shortcut icon” href=”favicon.ico”> |
Atau buat aja file baru dengan ekstensi html, lalu tulis skrip berikut:
|
<html> |
|
<head> |
|
<link rel=”shortcut icon” href=”favicon.ico”> |
|
</head> |
|
<body> |
|
<h1>BISA BOSS!!</h1> |
|
</body> |
|
</html> |
Dan simpan dengan nama tes.html. Klik ganda file tadi, jika pada browser anda tampil faviconnya maka anda berhasil.
Pada percobaan ini browser yang digunakan adalah mozilla firefox versi 2.0, khusus untuk Microsoft Internet Explorer versi 6.0 kebawah tidak akan tampil sebelum anda mengupload ke internet. 
“Thats all”.
DIarsipkan di bawah: Desain Web
Salam Kenal,
Mas mo tny, file html yg kita buat itu disimpan di folder apa???
Terima Ksih
Halo salam kenal juga Nicko,
Ditaruh aja di direktori utama folder web kita, misalnya nama foldernya “webzaki”, maka file html tadi dikasih nama index.html, dan ditaruh di dalam folder tersebut.
Yang musti diperhatikan file iconnya harus di taruh disitu juga.
Oke selamat mencoba.
Mas Zaki mau tanya lagi nie tp agak panjang, ga pa2 y mas…
Begini: Saya sudah coba yg mas ajarin, tp belum berhasil…
Saya kan menggunakan “Adsen Favicon”, saya sudah mengikuti instruksi-nya tp setelah me-refresh web tersebut Favicon-nya tidak langsung berubah, berhasilnya setelah saya membuka web saya itu kurang lebih 1 hari kemudian. Saya menggunakan Joomla versi 1.0.15 yg dijalankan di komputer lokal (belum terhubung ke internet). Jadi penyelesaiannya bagaimana supaya bisa dilihat langsung hasilnya?
Terima Kasih…
Hallo Nicko,
Itu bisa terjadi kemungkinan dikarenakan hal berikut :
1. Cache browser anda masih ada, sehingga tampilan masih yang lama, padahal sudah diganti. Untuk itu bersihkan cache browser anda setelah melakukan perubahan, sebenarnya seh ini g perlu banget, tapi ada kalanya kasus seperti itu hanya bisa selai juka cache dihapus dulu.
2. Cache joomla bisa saja berpengaruh. Nah untuk kemungkinan yang ini tergantung, apakah nicko pakai plugin jommla yang menggunakan cache atau tidak, kalau iya bisa dibersihkan cachenya dahulu.
Sekian semoga berguna, selamat mencoba dan tetap semangat!!
Salam