Cara Mengganti Favicon Pada Dashboard Blogger 2020
Apa itu Favicon?
Favicon adalah suatu gambar berukuran kecil yang muncul pada tab browser ketika lagi mengunjungi suatu halaman website.
Semua website yang dibuat dari platfrom blogger maka secara otomatis akan mendapatkan favicon default file berekstensi .ico.
Coba bayangkan ada berapa banyak blog diluar sana yang menggunakan favicon yang sama. Jika ingin blog anda terlihat berbeda dan unik di mata pengunjung maka merubah gambar favicon bawaan blogger adalah hal yang perlu dilakukan.
BACA : Edit Permalink Blogger yang Terlanjur di Publikasi
Namun yang harus dilakukan adalah membuat logo dengan ukuran persegi 400px X 400px dengan ukuran file kurang dari 100KB. Kemudian upload di Blogger pada Menu Setting silahkan scroll ke bawah akan ada Menu Favicon. Silahkan upload file disitu.
Kini favicon blog kamu sudah berhasil di pasang. Namun pekerjaan yang selanjutnya adalah membuat gambar favicon itu tampil bagus di semua perangkat smartphone ketika blog/web kita diboorkmark di browser smartphone.
Nah agar tampil bagus di smartphone, maka tidak cukup hanya menyimpan favicon di tata letak namun juga harus menyimpan pada Edit HTML Blogger, caranya adalah sebagai berikut.
Pertama silahkan upload gambar bujur sangkar (persegi) di blogger, kalau saya biasanya upload di halaman static, selanjutnya copy url gambar tersebut.
Selanjutnya tambahkan kode di berikut ini di bawah <head>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link href='https://3.bp.blogspot.com/................./s32/favicon-32x32.png' rel='icon' sizes='32x32'/>
<link href='https://4.bp.blogspot.com/................./s192/android-icon-192x192.png' rel='icon' sizes='192x192'/>
<link href='https://2.bp.blogspot.com/................./s180/apple-icon-180x180.png' rel='apple-touch-icon' sizes='180x180'/>
<meta content='https://2.bp.blogspot.com/................./s144/ms-icon-144x144.png' name='msapplication-TileImage'/>Silahkan ganti yang saya warnai dengan url gambar yang tadi di upload di halaman static, jangan lupa yang lainnya juga di ganti ya.
Itulah langkah mudah mengganti tampilan favicon di blogger. semoga bisa dipahami dan selamat mencoba.