Cara Membuat Favicon Pada Html

Sejarah:
Pada bulan Maret 1999, Microsoft merilis Internet Explorer 5 yang didukung Favicons untuk pertama kalinya. Awalnya, favicon adalah sebuah file yang bernama favicon.ico ditempatkan di direktori root dari sebuah situs web.. Itu digunakan di favorit Internet Explorer (bookmark) dan selanjutnya ke URL di address bar . Teknik ini telah menjadi usang karena semua browser modern mendukung favicon tanpa bookmark..

Microsoft Internet Explorer atau mozilla hanya mendukung format file ICO, cukup mengubah ekstensi nama file gambar ke ico tanpa mengubahnya ke file ICO akan menghasilkan kesalahan dan tidak menampilkan favicon.. Netscape 7, Internet Explorer 5, dan versi 6 browser hanya akan menampilkan favicon saat halaman bookmarked dan tidak hanya ketika halaman dikunjungi seperti pada browser modern.

Cara membuat Favicon pada HTML mudah sekali. Kita tinggal mengupdate source code pada website kalian. Sebagian dari kalian mungkin sudah tahu, apa itu favicon. Buat yang belum tahu apa itu favicon, berikut ini saya jelaskan dengan bahasa saya sendiri agar mudah dimengerti.Jika kalian membuka halaman website, kalian lihat di bagian atas browser. pokoknya yang icon kecil disamping judul web anda. Pada masing - masing tab browser ada gambar kecil di samping kiri title. Untuk lebih jelasnya lihat gambar dibawah ini ( LIHAT TANDA MERAH ) :

Lihat gambar di atas, gambar kecil yang saya tandai dengan lingkaran merah itulah yang disebut favicon. Lalu bagaimanakah cara membuat favicon seperti di atas. Untuk dapat membuat favicon kita harus mengedit kode HTML pada source code pada website anda atau pada notepad (jika kalian menggunakan notepad).
Beriku tini adalah langkah - langkah cara membuat favicon :

• Siapkan gambar yang akan dibuat favicon, dengan ukuran  50 X 50 px (16 X 16 px  pada notepad)
• Upload gambar tersebut pada situs image hosting, misalnya : di http://www.mediafire.com . Atau bisa juga diupload pada hosting kalian sendiri..
• Buka source code website anda, sisipkan kode HTML berikut ini :    <link rel="shortcut icon" href="/http://www.situsanda.com/images/favicon.jpg"/>
• Sisipkan kode HTML tersebut diatas  kode </head>
• Simpan kembali perubahan pada source code website anda

Demikianlah cara membuat favicon dengan kode HTML, mudah bukan. Jika kalian ingin download contoh membuat favicon, silahkan download disini.