Cara Mengatasi Favicon Mobile Blogger "?m=1favicon.ico" Error

favicon error
Anda mungkin kurang perhatian atau mungkin malah sangat memperhatikan bagaimana kondisi template blog Anda ketika di akses lewat Smartphone.

Saya sendiri sempat bertanya-tanya, mengapa gambar favicon blog saya tidak muncul ketika blog dibuka lewat ponsel, dan ketika open source (CTRL+U), URL favicon terbentuk seperti ini: http://www.kangsigit.com/?m=1favicon.ico

Sempat berniat untuk eksperimen dengan replace URL via jQuery, tapi agak kesulitan. Lalu saya intip blog tetangga, tapi ternyata URL favicon mobile miliknya tetap terlihat sama seperti di desktop. Nah, ini pasti ada yang salah dengan template saya.

Lalu saya telusuri pada bagian HEAD, saya melihat kode ini:

<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
Oo jelas saja, saya menggunakan URL Homepage otomatis untuk favicon. Makanya jika blog dibuka lewat HP, akan menghasilkan URL homepage Mobile juga, yakni http://www.kangsigit.com?m=1

Nah, untuk mengatasi masalah ini sebenarnya sangat gampang alias mudah banget. Silahkan Anda cari Tag Link seperti diatas tadi, lalu ganti dengan ini
<link href='http://NAMA-BLOG-ANDA/favicon.ico' rel='icon' type='image/x-icon'/>
Simpan template Anda dan lihat hasilnya.
URL

Komentar yang bermanfaat mendapat Rating*****oleh Admin blog ini