Image Browser Tab adalah image kecil di tab browser berupa logo atau image. Misalnya terdapat logo huruf B dalam tab Blogger, Logo W di Wordpress dan lain -lain. Cara membuatnya cukup mudah, silakah ikuti cara-caranya pada tulisan berikut:
Buat gambar ukuran 16 piksel x 16 piksel. Buat dengan nama favicon.bmp menggunakan MS-Paint, Adobe Photoshop, atau yang lainnya. Kemudian gunakan sebuah program (Free IrFanView app [untuk Windows]) untuk merubah format warna menjadi 16 warna [Image -> Reduce Color Dept], dan kemudian 'Save As ...' dengan nama favicon.ico. Upload file ke hosting anda di root atau di folder image, di mana Anda menyimpan file seperti index.html. Buka index.html, dan tambahkan baris ini setelah meta tag di bagian <head> tetapi sebelum </head>. <link rel="shortcut icon" href="http://situs-anda.com/favicon.ico">
Jika Anda adalah seorang memasukkan favicon.ico di folder image, tambahkan nama folder anda:<link rel="shortcut icon" href="http://situs-anda.com/folderA/folderB/favicon.ico">
Contoh: Jika anda memiliki domain www.pakbhanu.com dengan aliran wordpress, Anda akan membuat file favicon.ico, lalu upload file ke direktori themes. Kemudian, Anda menggunakan kode ini:<link rel="shortcut icon" href="http://www.pakbhanu.com/wp-content/themes/true-elegance/favicon.ico">
Jika Anda pengguna Blogspot, tambahkan icon di image hosting (seperti imageshack)lalu buat alamatnya menuju link hosting image anda. Jangan lupa tutup tagnya dengan </link>. Lihat contoh dibawah.<link href='http://www.imageshack.com/***/***/favicon.ico' rel='shortcut icon'>
</link>
Reload halaman ... Apakah sudah muncul sekarang? Sip dah! :)
Notes: Ada harus benar-benar membuat file favicon.ico, bukan me-rename file berekstensi jpg atau bmp.
Subscribe to:
Post Comments (Atom)
Post a Comment