Cara Mengganti dan Menampilkan Favicon Blog di Semua Browser - Apa itu favicon?? Favicon adalah icon kecil yang tampil disebelah kiri alamat suatu website atau blog. Seperti apa sih Favicon itu?? mungkin screenshot dibawah ini bisa memperjelas dan memberi gambaran buat temen-temen yang masih bingung. . .
Screenshot di atas adalah contoh tampilan favicon dengan menggunakan browser mozilla firefox.
Untuk mengganti favicon Blogger (default) sobat blogger bisa melakukan langkah-langkah sebagai berikut:
Langkah pertama
1. Buat gambar yang berukuran kecil, gw saranin pake ukuran 16x16
2. Upload gambar tersebut ke image hosting, misalkan photobucket.com
3. Ambil URL gambar tersebut dan simpan di notepad
Langkah kedua
1. Login Ke blogger.com
2. Pilih menu "Design"
3. Klik "Edit HTML"
4. Cari kode dan letakkan kode di bawah ini tepat di atasnya
5. Klik "Save Template"
Dengan mengikuti langkah-langkah di atas sebenarnya favicon sudah bisa terlihat pada browser seperti mozilla, opera, dan yang lainnya. Tetapi tidak dengan browser google chrome ataupun chrome plus. Coba perhatikan screenshot dibawah ini . . .
Screenshot di atas adalah contoh tampilan favicon dengan menggunakan browser chrome plus.
Untuk mengakalinya, coba tambahkan kode type="image/vnd.microsoft.icon" pada kode di nomor 4 langkah kedua. hasilnya nanti akan seperti dibawah ini. . .
Dengan menambahkan kode tersebut, favicon yang muncul nanti akan bisa tampil di semua browser, termasuk google chrome dan chrome plus.
Selamat mencoba dan semoga berhasil ya!
http://pangkalan-unik.blogspot.com/2011/07/cara-mengganti-dan-menampilkan-favicon.html
Screenshot di atas adalah contoh tampilan favicon dengan menggunakan browser mozilla firefox.
Untuk mengganti favicon Blogger (default) sobat blogger bisa melakukan langkah-langkah sebagai berikut:
Langkah pertama
1. Buat gambar yang berukuran kecil, gw saranin pake ukuran 16x16
2. Upload gambar tersebut ke image hosting, misalkan photobucket.com
3. Ambil URL gambar tersebut dan simpan di notepad
Langkah kedua
1. Login Ke blogger.com
2. Pilih menu "Design"
3. Klik "Edit HTML"
4. Cari kode dan letakkan kode di bawah ini tepat di atasnya
5. Klik "Save Template"
Dengan mengikuti langkah-langkah di atas sebenarnya favicon sudah bisa terlihat pada browser seperti mozilla, opera, dan yang lainnya. Tetapi tidak dengan browser google chrome ataupun chrome plus. Coba perhatikan screenshot dibawah ini . . .
Screenshot di atas adalah contoh tampilan favicon dengan menggunakan browser chrome plus.
Untuk mengakalinya, coba tambahkan kode type="image/vnd.microsoft.icon" pada kode di nomor 4 langkah kedua. hasilnya nanti akan seperti dibawah ini. . .
Dengan menambahkan kode tersebut, favicon yang muncul nanti akan bisa tampil di semua browser, termasuk google chrome dan chrome plus.
Selamat mencoba dan semoga berhasil ya!
http://pangkalan-unik.blogspot.com/2011/07/cara-mengganti-dan-menampilkan-favicon.html