Pernah memperhatikan ada icon kecil di tab browser dari setiap situs itu beda-beda? Kalau di WordPress, kita bisa menggantinya dengan memberikan logo pada setting blog. Hal yang sama bisa juga dilakukan di situs Blogger.
Saya mencari pengaturan untuk logo di situs Blogger Menulis Blog yang baru saya buat kemarin, tetapi saya tidak menemukannya. Lalu saya melihat menu Favicon dan ingat kembali kalau di Blogger kita bisa mengganti icon tab itu dari Favicon bukan Logo.
Tips Blogger kali ini saya menuliskan cara mengubah favicon/logo yang biasa terlihat di tab browser. Baca sampai habis yuk!
Apa itu Favicon
Menurut Wikipedia:
Favicon adalah ikon utama yang muncul pada address bar suatu laman web dan merupakan logo dari laman web tersebut; juga dikenal sebagai shortcut icon, website icon, URL icon, atau bookmark icon.
Wikipedia
Intinya icon atau logo yang ukurannya kotak dan terlihat kecil di tab browser dan juga terlihat ketika kita menyimpannya di favorit browser kita. Kenapa kita perlu mengganti Favicon? Supaya berbeda dengan situs lainnya yang dibuat dengan Blogger ataupun WordPress.
Cara Membuat Favicon
Untuk membuat favicon, kita bisa menggunakan editor image apapun termasuk Canva. Caranya tentu saja membuat sebuah gambar kotak berukuran 512×512 piksel dan filenya tidak lebih dari 100 KB.
Bisanya saya menggunakan Canva untuk membuat icon atau logo, dan kemudian menyimpan dalam format PNG. Jika membutuhkan ekstension .ico, kita bisa mengunggah gambar yang kita tunggu ke situs icon generator. Tetapi di Blogger kita cukup mengunggah file berekstensi PNG.
Pengaturan Favicon di Blogger
- Login ke Blogger.com dan pilih menu Setting – Favicon dari situs yang ingin kita ganti logonya.
- Konfigurasi Favicon dengan memilih file yang sudah dipersiapkan. File yang digunakan sebaiknya berukuran kotak dengan ukuran file tidak lebih dari 100KB. Saya menggunakan file png yang sudah diedit di Canva.
- Jangan lupa simpan file yang sudah dipilih.
Tunggu beberapa saat, sebelum kita mengecek kembali.
Akses alamat blog yang sudah diganti faviconnya. Terkadang perubahan ini tidak langsung terlihat karena ada cache. Jika ingin langsung melihatnya, bisa dicoba di window incognito atau gunakan browser lain.
Kegunaan lain dari favicon adalah, ketika kita menyimpannya di halaman depan browser, maka kita bisa melihat logo dari setiap blog kita berbeda.
Ayo coba cek blog masing-masing, terutama untuk pengguna Blogger. Apakah blog kalian sudah menggunakan favicon yang menunjukkan brand/logo kalian? Kalau belum, coba diganti mengikuti langkah di atas.
Oh ya, disclaimer, saya bukan expert dalam hal blogger maupun wordpress, tetapi kalau ada yang punya pertanyaan seputar teknis blog, boleh ditanyakan, kalau saya tahu jawabannya mudah-mudahan akan saya jawab dalam bentuk artikel singkat begini.