GeT Free MuSiC-DyOsa
Free Music Code

MenGganTi Icon BloG

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


TERIMAKASIH
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • StumbleUpon
  • Technorati
  • TwitThis

0 ƘǿmєиtąЯ:

Tempel Komentar