Cara Mengatasi Favicon Tidak Berubah di Blogger

    Tutorial untuk mengubah favicon di blogger dapat dilihat di sini. Seringkali setelah me-refresh halaman blog, favicon yang baru diubah tidak muncul atau tetap dengan logo blogger. Langkah pertama setelah klik "Lihat Blog" dan tidak ada perubahan pada favicon adalah 

1. Copy link blog Anda. 

2. Buka tabs baru dan cari [alamat blog]/favicon.ico , ganti [alamat blog] dengan link yang telah di copy, contoh: https://babadkomputer.blogspot.com/favicon.ico

a. Jika tidak muncul logo favicon baru, tetapi muncul logo blogger. 

Maka buka blogger dashboard > "Setelan" > "Favicon", jika muncul tulisan "No file chosen", selanjutnya refresh halaman blogger dashboard > tunggu beberapa saat > ulangi tutorial mengubah favicon.

b. Jika  di [alamat blog]/favicon.ico muncul logo favicon baru, tetapi di browser tabs tidak berubah. 

Buka blogger dashboard > "Setelan" > "Favicon", jika muncul tulisan "favicon.ico" atau logo blog baru tetapi favicon tidak muncul. 

Hal tersebut disebabkan beberapa alasan:

• Situs web teman-teman dimuat dengan versi cache. 
• Browser tidak dapat mendeteksi favicon karena meta tag yang tidak tepat.

Jika disebabkan karena alasan pertama, maka coba bersihkan "History" browser dan pastikan untuk membersihkan "Cached images and files". Selanjutnya klik "Lihat Blog" dan favicon baru akan muncul. Untuk mengatasi permasalahan poin kedua, copy kode di bawah ini. 

<!--[ Favicon ]-->
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/>

Penting: Karena tindakan selanjutnya akan melibatkan "Edit HTML", sebaiknya "Cadangkan" tema blogger untuk menghindari kerusakan pada tema.

1. Buka blogger dashboard, pastikan nama blog sesuai.
2. Klik "Tema" > Klik "tanda panah ke bawah" > klik "Edit HTML".

3. Tekan CTRL + F, lalu cari blogspotFaviconUrl 

4. Paste kode yang telah disalin pada lokasi kode bawaan template yang ditemukan > klik "Simpan".

5. Jika pada langkah ke-3 tidak ditemukan blogspotFaviconUrl  maka tekan CTRL + F, lalu cari </head> dan paste kode sebelum </head> > klik "Simpan".

Sekian tutorial menangani favicon tidak muncul pada blogger. Terima kasih, sampai jumpa :)