- Pastikan bahwa gambar favicon anda ber ekstensi .ico bukan yang lain
Mungkin anda pernah mencoba membuat gambar favicon dengan ekstensi selain .ico, misal .gif, .jpg, atau yang lainnya. Dan setelah di upload ternyata gambar tersebut memang muncul. Jika anda masih melakukan hal tersebut, coba ubah gambar anda menjadi berakhiran .ico, silahkan baca tutorial kang rohman sebelumnya.
- Pasang kode Favicon anda di bawah kode Favicon milik blogger
Pasti bingung di mana kode favicon blogger di simpan bukan? jika anda memperhatikan kode di dalam template anda sudah pasti tidak akan menemui kode favicon selain yang anda pasang sendiri, namun sebenarnya blogger menyelipkan kode favicon di dalam template anda. Kodenya adalah yang seperti ini :
<b:include data='blog' name='all-head-content'/>
Tidak percaya? silahkan anda tuju alamat blog anda. Klik menu View yang ada di bar menu bagian atas browser anda, lalu klik “Source” untuk internet Explorer atau “Page Source” untuk FireFox. nanti akan keluar semua kode template anda. Perhatikan kode yang anda di dalam head, anda tidak akan melihat kode yang kang Rohman tulis di atas, namun akan menemui kode seperti ini :
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<link href='http://www.blogger.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
<link rel="alternate" type="application/atom+xml" title="Kolom Tutorial - Atom" href="http://kolom-tutorial.blogspot.com/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="Kolom Tutorial - RSS" href="http://kolom-tutorial.blogspot.com/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="Kolom Tutorial - Atom" href="http://www.blogger.com/feeds/4569368524623882898/posts/default" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.blogger.com/rsd.g?blogID=4569368524623882898" />
<link rel="alternate" type="application/atom+xml" title="Kolom Tutorial - Atom" href="http://kolom-tutorial.blogspot.com/feeds/147113262052297401/comments/default" />
Kode yang saya cetak merah adalah adalah kode favicon milik blogger. Solusi agar favicon anda tidak di timpa oleh favicon blogger adalah kode favicon anda harus di simpan di bawah kode tadi.
Misalkan kode favicon anda seperti ini :
<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
Maka simpanlah kode favicon tersebut seperti ini :
<b:include data='blog' name='all-head-content'/>
<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
Atau apabila belum berhasil juga, coba simpan persis di atas kode <b:skin> :
<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<b:skin>
Jangan lupa untuk klik tombol SIMPAN TEMPLATE.
- Ikuti struktur kode Favicon Blogger
Jika kedua cara di atas masih tetap tidak mempan, coba ubah kode favicon anda seperti yang milik blogger, misalkan kode favicon anda sebelumnya seperti ini :
<link href='http://www.servergambar.com/favicon.ico' rel='shortcut icon' type='image/x-icon'/>
Ubahlah jadi seperti ini :
<link href='http://www.servergambar.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
Pasanglah kode tersebut persis di atas kode </head> :
<link href='http://www.servergambar.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>
<b:skin>
Jangan lupa untuk klik tombol SIMPAN TEMPLATE.
Jika langkah-langkah di atas sudah dicoba dengan benar, seharusnya favicon anda sudah normal kembali seperti sedia kala.
Saya masih bingung, kasih caranya yang lengkap dong? Oh masih bingung. OK deh, namun bagi anda yang masih bingung tentang cara membuat favicon, silahkan baca dulu di sini!
Berikut adalah langkah-langkah memasukan kode favicon ke dalam template anda :
- Silahkan login ke blogger dengan ID anda
- Klik Tata Letak.
Klik tab Edit HTML.
Cari kode <b:skin> atau biasanya bersatu jadi kelihatan seperti ini : <b:skin><