Cara Menampilkan Pavicon di Browser Google Chrome

Kang Muroi

30 Aug, 2012

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

Jane Doe August 30, 2012 at 10:43 PM

jadi harus pasang dua-duanya ya pak?
- Kang Muroi August 30, 2012 at 10:47 PM
  
  pilih salah satu aja sob, kalo pengin tampil disemua browser, pake script yang kedua
- Download Software Full Version Free Crack Keygen Patch Serial September 1, 2012 at 8:25 AM
  
  Akhirnya ketemu juga disini cara menampilkan favicon di crome, udah lama aku cari2 caranya kak, tapi g ketemu, baru kali ini aku bisa menampilkannya.
  
  makasih banyak, ini sangat membantu !
Benny Dwi August 31, 2012 at 12:55 AM

ternyata beda beda yah, klo cara pasang alexa tollbar di chrome gimana gan ??

Unknown August 31, 2012 at 5:26 AM

di Browser manapun favicon saya muncul sob,, tunggu saya cek ulang lagi di chrome sobat...

Asuka August 31, 2012 at 7:35 AM

Wah , mantef sob. . Makasih tutor nya. . Tapi gak terlalu peduli dg vavicon. Hehehe.

nice ppt August 31, 2012 at 7:39 AM

ou gitu ya bang, jadi ga otomatis ya bang. ehm, makasih nie tekniknya :D

Dini Haiti Zulfany August 31, 2012 at 8:31 AM

favicon blog saya kupu2 biru :D

myhafiezers August 31, 2012 at 2:05 PM

wah , berhasil nih , izin copas boleh gak ? #mintaizindulu
- Kang Muroi September 1, 2012 at 9:27 AM
  
  silakan sobat
AZLA August 31, 2012 at 5:09 PM

wah benar^ pengetahuan baru buat saya sobat, saya sangat menyukainya.
sayangnya saya gak bisa buatnya, apalagi untuk ukurannya.
oke sobat, mungkin akan kita coba
terima kasih.

dan August 31, 2012 at 10:22 PM

keren mas... tak coba dulu..

Asuka September 1, 2012 at 2:26 AM

Mampir sob. Sambil liat chelsea.

EYSurbakti September 1, 2012 at 9:20 AM

Saya emang gak terlalu tau mengenai kayak ginian mas, makasih mas infonya :D

Penghuni 60 September 1, 2012 at 11:41 AM

wah, makasih bgt tipsnya, langsung mau dipraktekin ah..

Ulan News September 1, 2012 at 11:41 AM

Mantap kawan, ijin nyoba ya :D

Senja Berita September 1, 2012 at 11:42 AM

Keren sob, salam kenal ya sob :)

rizki_ris September 1, 2012 at 9:50 PM

Kunjungan malam mas...

aku dulu donlod gambarnya
hehehe
makasih infonya mas

Zevin September 1, 2012 at 9:56 PM

Blogku belum ada favicon-nya sob. Bingung cari favicon yg cocok n bagus.

wawan May 3, 2013 at 12:30 PM

makasih yach sob... (p) tipsnya sukses besar di blog ane...!!!! :>)

Filter Air May 17, 2014 at 2:50 PM

Favicon Ane Gak berubah di Chrome sob, gimana ya?