Kenapa edit favicon tidak berfungsi

Assalamualaikum teman-teman, jumpa lagi pada tulisan saya 🙂 Sejak blogspot memperbarui tampilannya pada tahun 2020, blogger macam saya seperti harus beradaptasi lagi. Contohnya tentang cara mengganti favicon blogger.

Saya sempat bingung awalnya. Tapi setelah utak atik sebentar, akhirnya bisa menemukan jalan. Bagi kamu yang senasib dengan saya (..huhu), semoga artikel ini dapat membantu ya.

Silakan disimak!

Apa itu Favicon

Sesuai dengan namanya, favicon adalah sebuah ikon. Ia merupakan singkatan dari favourite icon yang merupakan ikon dari sebuah website. 

Ikon ini adalah logo blog berukuran kecil yang terletak di samping title. Mudahnya, ia adalah ikon yang dapat kita lihat di atas halaman browser pada bagian tab address bar di sisi kiri nama website.

Cara Mengganti Favicon Blogger

Untungnya, platform resmi untuk penerbitan blog milik Google ini membolehkan kita untuk mengganti favicon default menjadi kustom.

Untuk mengganti ikon logo kecil ini, ada 3 cara yang dapat kita coba. Namun sebelumnya, siapkan dulu file gambar yang akan kamu gunakan sebagai ikon. Kamu juga dapat memanfaatkan situs-situs favicon generator untuk hal ini.

1. Mengganti Favicon Lewat Koding

Santai saja, cara ini ngga sulit-sulit banget. Meski kamu belum ngerti pemrograman, cara ini tetap bisa dilakukan.

• Login dulu ke dasboard blogger kamu. Setelah itu klik tab tema / template.

• Klik tombol dengan ikon segitiga ke bawah di samping tombol sesuaikan. Kemudian “edit HTML”.

• Letakkan kode berikut tepat di atas kode </head>

• <link expr:href=’URL FAVICON KAMU‘ rel=’icon’ type=’image/x-icon’/>

2. Mengganti Favicon Lewat Setting

Tutorial ini langkah-langkahnya juga sangat gampang.

• Login ke dashboard website blogspot kamu. Kemudian masuk ke tab Setting / Pengaturan / Setelan. Tab ini letaknya di bawah tab tema.

• Pada subjudul dasar di bawah pilihan ID Properti Google Analytics, klik Favicon.

• Kamu tinggal upload file gambar kamu di situ.

3. Mengganti Favicon Lewat Jalan Pintas

Klik url untuk upload favicon https://draft.blogger.com/u/1/change-favicon.g?blogID=xxxxxxxxxxxxxxxxxxx . Ganti tulisan xxx dengan nomor ID blog kamu dan upload file gambar kamu di situ.

Untuk mendapatkan nomor ID blog, kamu bisa melihat di bagian URL.

Kenapa Ikon Logo Blog Tidak Berubah ?

Tenang saja, kalau kamu sudah mengikuti langkah-langkah di atas, insya Allah tidak ada masalah. Tidak ada ceritanya logo tidak bisa diganti, hehe.. . Barangkali perlu waktu untuk diproses atau karena cache yang ada di browser kamu.

Namun yang perlu kita tahu, saat memasang favicon dan mengupload file gambarnya, terkadang terjadi error. Saya sendiri awalnya juga mengalami hal ini.

Saya tidak bisa mengupload file gambar. Setelah saya coba berkali-kali dan mencari beberapa referensi, saya baru ngeh kalau untuk mengupload, file gambar harus benar-benar dipastikan berbentuk persegi dan berukuran di bawah 100 kb, sebagaimana dijelaskan oleh pihak blogspot sendiri.

Nah, itulah langkah tutorial atau cara mengganti favicon blogger yang dapat kamu coba. Semoga berhasil!

Apa itu Favicon?

Sebelum membahas mengenai bagaimana cara membuat favicon, ada baiknya kami bahas terlebih dahulu apa itu favicon dan kenapa Anda harus menggunakannya?

Favicon, kependekan dari favorite icon, adalah gambar ikon website yang berfungsi sebagai identitas visual website. Favicon biasanya muncul di tab dan bookmark browser.

Coba perhatikan tab browser Anda yang sedang membuka situs Niagahoster. Lihat di pojok kiri dan Anda akan menemukan logo Niagahoster di tab browser tersebut.

Mengapa Anda perlu menggunakan favicon untuk blog atau website? Alasannya adalah memudahkan visitor untuk mengingat blog atau website Anda. Dengan adanya favicon, blog atau website Anda akan lebih mudah untuk menonjol di antara website dan blog lain sehingga orang lebih mudah menemukan situs Anda.

Baca juga: Cara Membuat Blog dengan Langkah Mudah

Jika Anda menggunakan WordPress, biasanya template sudah menyediakan pilihan untuk menambahkan favicon blog atau site icon. Namun, jika template Anda tidak menyediakan fitur tersebut, Anda tetap bisa menambahkan favicon ke blog atau website Anda. Berikut langkah-langkahnya.

Cara Membuat Favicon Blog dan Website

Konversi ke Ukuran dan Format Favicon

Agar mendapatkan hasil terbaik, tentu ada standar ukuran favicon yang harus Anda terapkan. Berapa ukuran favicon yang ideal? Sebaiknya Anda menggunakan gambar persegi dengan rasio 16 X 16 pixel agar favicon bisa tampil maksimal di browser internet.

Selain itu Anda perlu mengubah format file gambar menjadi .ico agar bisa terbaca oleh browser internet. Bagaimana cara mengubah gambar menjadi persegi dan berformat favicon.ico? Tenang saja, Anda tidak perlu khawatir karena banyak platform online yang bisa membantu Anda

Terdapat banyak favicon generator yang dapat membantu Anda untuk mengubah gambar Anda menjadi bersegi dan formatnya menjadi .ico.

Beberapa favicon generator yang bisa Anda gunakan adalah sebagai berikut:

GenFavicon

Favicon-Generator

RealFaviconGenerator

FaviconGenerator

Favicomatic

Favikon

Favicon.pro

Faviconit

Antifavicon

Faviconr

Anda hanya perlu mengunggah gambar yang akan dijadikan favicon dan favicon generator akan menyesuaikannya dengan ukuran ideal favicon.

Jika Anda belum memiliki logo atau gambar yang cocok untuk dijadikan favicon, tidak perlu khawatir. Beberapa favicon generator juga menyediakan layanan membuat favicon secara online. Logaster, Favicon.cc, Xiconeditor, dan Webestools memungkinkan Anda menggambar favicon di situsnya.

Untuk percobaan, kami menggunakan favicon generator Favicon.cc. Berikut langkah-langkahnya:

Pertama, buka situs favicon.cc

Kedua, pilih “Import Image”

Ketiga, unggah gambar yang akan dijadikan favicon. Anda dapat memilih untuk mengubah dimensinya menjadi persegi atau menggunakan dimensi aslinya. Namun, kami sarankan untuk mengubahnya menjadi persegi agar mendapatkan hasil maksimal.

Keempat, unduh file favicon. Anda juga bisa melihat preview favicon sebelum mengunduhnya.

Upload Favicon Menggunakan Filezilla

Setelah memiliki gambar favicon dengan ukuran dan format yang dibutuhkan, langkah selanjutnya adalah mengunggahnya ke blog atau website Anda. Untuk mengunggah file favicon Anda membutuhkan FTP. Di tutorial ini kami menggunakan Filezilla.

Pertama, sambungkan koneksi hosting Anda ke Filezilla.

Kedua, di kolom sebelah kanan Filezilla ada Remote Site, yaitu file dan folder di website Anda. Kemudian klik folder public_html.

Ketiga, di kolom sebelah kiri Filezilla ada Local Site, yaitu file dan folder yang ada di komputer Anda. Kemudian upload file favicon.ico. Jangan lupa untuk memberi nama favicon.icokarena browser hanya bisa membaca nama file tersebut untuk kemudian memunculkan favicon blog atau website Anda.

Setelah upload selesai, blog atau website Anda otomatis memunculkan favicon di browser internet seperti contoh di bawah ini.

Kesimpulan

Meskipun favicon “hanya” gambar kecil di tab browser, favicon merupakan salah satu bagian penting blog atau website. Favicon membantu pengunjung blog atau website Anda mengingat identitas blog atau website.

Jika template blog atau website Anda tidak mendukung untuk menambahkan favicon secara otomatis, Anda bisa menggunakan cara membuat favicon blog dan website yang sudah kami uraikan di atas. Selamat ngeblog!