cara membuat blog
Solusi Agar Favicon Tidak Sering Hilang
Facebook
Twitter
RSS
gplus

Solusi Agar Favicon Tidak Sering Hilang

fav Anda pernah membaca tutorial kang Rohman tentang “Cara membuat Favicon” kan? ternyata akhir-akhir ini banyak yang mengeluhkan bahwa favicon sering hilang atau tidak muncul, dan tentunya favicon yang muncul adalah logo blogger. Apakah ada solusi untuk mengatasi hal ini? untuk mengatasi favicon yang sering hilang, anda bisa mencoba beberapa tips di bawah ini :

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

 

At wits endSaya 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 :

  1. Silahkan login ke blogger dengan ID anda
  2. Klik Tata Letak.
  3. Klik tab Edit HTML.

    tata letak

  4. Cari kode <b:skin> atau biasanya bersatu jadi kelihatan seperti ini : <b:skin><![CDATA[/*

  5. Simpan kode favicon anda persis di atas kode <b:skin>, contoh :

     

    <link href='http://www.servergambar.com/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>

    <b:skin>

  6. Klik tombol SIMPAN TEMPLATE.

  7. Selesai.

 

Semoga dengan melakukan langkan di atas, favicon anda tidak akan menghilang lagi.

Description: Solusi Agar Favicon Tidak Sering Hilang, Rating: 5

Reviewer: Kang Rohman, ItemReviewed: Solusi Agar Favicon Tidak Sering Hilang

0 komentar pada Solusi Agar Favicon Tidak Sering Hilang :

Poskan Komentar

Tolong komentarnya berhubungan dengan artikel yang ada. Komentar yang mengarah ke tindakan spam akan di hapus atau terjaring secara otomatis oleh spam filter.