
Petunjuk untuk mengganti Favicon untuk Blogger
Google memperkenalkan antarmuka untuk pertama kalinya halaman admin baru untuk Blogger pada tanggal 20 Mei 2020. Demi kenyamanan Anda, tim Blogger masih mengizinkan orang untuk mengonversi kembali ke versi lama. Namun, “Fitur”Kembalikan ke Blogger lawas” telah dihapus pada 19 September 2020. Di dalamnya, banyak saudara yang masih belum familiar dengan antarmuka baru ini dan mengalami banyak kesulitan saat menggunakannya.
Antarmuka halaman admin baru yang didesain ulang oleh tim Blogger diluncurkan pada 20 Mei 2020.

Apa itu favicon?
Favicon – (Ikon Favorit) adalah ikon situs web. Ikon kecil ini berada di pojok atas tab peramban, ditampilkan sebelum nama situs web. Favicon biasanya akan didesain bertepatan dengan logo website sebagai bagian dari identitas brand. Format favicon biasanya berupa gambar kecil: .ico
, .png
, .svg
…

Sebagian besar browser sekarang secara otomatis menggunakan favicon default di jalur /favicon.ico
jika Anda tidak mendeklarasikan favicon untuk situs tersebut di bagian tag <head>
. Blogger juga menggunakan favicon di root domain.
Petunjuk untuk mengganti Favicon untuk Blogger
Sebelumnya, Google mengizinkan kita untuk mengubah favicon di bagian Tata Letak. Namun, sejak memperbarui antarmuka halaman admin, Blogger telah mengubah item ini. Konten di bawah ini akan memandu Anda untuk mengubah favicon di antarmuka admin baru Blogger.
Buat favicon
Untuk membuat atau mendesain Favicon, Anda dapat menggunakan editor foto profesional seperti Photoshop, lalu mengekspor file tersebut ke format Favicon. .ico
.
Cara lain untuk membuat Favicon dengan cepat, kita dapat menemukan ikon dalam format .svg di https://www.iconfinder.com atau sumber internet. Kemudian lanjutkan untuk mengedit lagi.
Kemudian Anda mengakses https://realfavicongenerator.netunggah file SVG untuk alat ini untuk membuat favicon.
Petunjuk untuk mengubah favicon untuk Blogger
Di bawah ini adalah petunjuk khusus tentang cara mengubah favicon untuk Blogger
Pengaturan
Setelah masuk ke halaman admin Blogger, di menu sebelah kiri, Anda pindah ke bagian tersebut Pengaturan. Kemudian di bawah konten Kode Pelacakan Google Analytics, klik Ikon situs web.
Unggah Favicon
Di halaman sembulan yang muncul, pilih file dan unggah file favicon.ico yang disiapkan di bagian atas.
Perhatikan bahwa ukuran file tidak boleh melebihi 100KB dan ukurannya 32×32.
Simpan dan periksa
Terakhir, setelah berhasil mengunggah, tekan Menyimpan untuk mematikan popup dan memeriksa hasilnya lagi. Untuk memeriksa hasilnya, Anda mengakses tautan /favicon.ico
.
Pertanyaan
Di bawah ini adalah ringkasan dari beberapa pertanyaan umum Anda saat mengganti favicon untuk Blogger.
Favicon tidak berubah pada halaman
Setelah diperbarui, biasanya mesin pencari membutuhkan waktu untuk memperbarui Favicon baru Anda.
Juga, jika Anda memeriksa di link /favicon.ico
melihat pembaruan Ikon baru tetapi tidak di halaman beranda. Fenomena ini mungkin terjadi karena template yang Anda gunakan telah meng-hardcode Favicon di dalam template.
Untuk memperbaikinya, buka edit template untuk mengubahnya. Tambahkan atau gunakan kode berikut di .tag <head>
:<link href="https://www.vietrick.com/favicon.ico" rel="icon" type="image/x-icon"/>
Favicon saya buram
Secara default, Blogger hanya mendukung Favicon 16×16. Favicon setelah diunggah dikonversi ke ukuran ini.
Untuk mengatasi perilaku ini, mari tambahkan Favicon dalam format .png
dengan ukuran lebih besar di bagian tag <head>
. Silakan lihat kode di bawah ini.<link href="https://www.vietrick.com/favicon.ico" rel="icon" type="image/x-icon"/>
<link href="https://www.vietrick.com/thay-favicon-cho-blogger/.../apple-touch-icon.png" rel="apple-touch-icon"/>
<link href="https://www.vietrick.com/thay-favicon-cho-blogger/.../favicon-32x32.png" rel="icon" type="image/png"/>
<link href="https://www.vietrick.com/thay-favicon-cho-blogger/.../favicon-16x16.png" rel="icon" type="image/png"/>
Semoga artikel ini bermanfaat bagi Anda. Lihat juga cara membuat dan menggunakan darkmode Favicon untuk Blogger.