Posted by : Yasep Atmaja Jumat, 06 Januari 2012

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 diatas pada judul blog saya bisa anda lihat.....

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 </head> dan letakkan kode di bawah ini tepat di atasnya



<link rel="shortcut icon" href="URL gambar favicon"/>

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. . .


<link rel="shortcut icon" href="URL gambar favicon" type="image/vnd.microsoft.icon"/>

Dengan menambahkan kode tersebut, favicon yang muncul nanti akan bisa tampil di semua browser, termasuk google chrome dan chrome plus.

Thanks To : Agung indra guna

Leave a Reply

Subscribe to Posts | Subscribe to Comments

Welcome to My Blog

Statistik

Banner

Free counters!


- Copyright © Adzroo Zata -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -