30 Aug 2012

Cara Menampilkan Pavicon di Browser Google Chrome

·   21


Cara Menampilkan Favicon di Browser Google Chrome - Sobat semua sudah pasti tahu apa itu favicon?? Favicon adalah icon utama yang muncul padd address bar suatu website dan merupakan logo dari website tersebut , Juga dikenal sebagai shortcut icon, Web site icon, URL icon, or bookmark icon.
Screenshot dibawah ini bisa memperjelas dan memberi gambaran buat sobat mengenai apa itu pavicon :
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, di sarankan berukuran 16x16 px
2. Upload gambar tersebut dan 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"

Sampai disini  favicon sudah bisa terlihat pada browser seperti mozilla, opera, dan yang lainnya. Tetapi tidak dengan browser google chrome ataupun chrome plus.
Maka untuk memunculkan pavicon pada browser chrome, cobalah 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 demikian maka favicon yang muncul nanti akan bisa tampil di semua browser, termasuk google chrome dan chrome plus. Selamat mencoba dan semoga berhasil....



Subscribe to this Blog via Email :