Mengganti Favicon di Blogger

Cara mengubah dan upload favicon Blogspot pakai gambar / logo sendiri. Disertai panduan agar ikon tidak buram dan tetap memiliki resolusi tinggi.
Cara Memasang Favicon dengan Gambar Sendiri di Blogger

Favicon (favorite icon) adalah gambar kecil yang muncul pada tab browser ketika membuka suatu halaman dan merupakan logo resmi dari website atau blog tersebut. Kali ini blog Igniel akan menunjukkan bagaimana cara mengganti favicon di Blogspot dengan mudah dan cepat.

Secara default, semua blog yang dibuat menggunakan platform Blogger akan langsung mendapatkan favicon bawaan dengan ekstensi file .ico dan dapat langsung diakses melalui alamat berikut:

https://namadomain.blogspot.com/favicon.ico

Dan gambar ikonnya adalah logo Blogger (Blogspot) seperti ini.

Mengganti Gambar Favicon Bawaan Blogger

Terbayang kan, ada ratusan bahkan pilihan ribu blog diluar sana yang memiliki gambar favicon sama. Maka agar blog kamu terlihat unik dan berbeda, mengubah gambar favicon Blogger adalah hal yang harus dilakukan jika ingin terlihat menarik di mata pengunjung. Caranya sangat mudah, ikuti langkah-langkah berikut.

Cara Mengubah Gambar Favicon Blogger

  1. Buka dashboard Blogger dan masuk ke menu Settings (Setelan).
  2. Lihat submenu Basic dan klik tulisan bernama Favicon.
  3. Klik tombol Choose File dan pilih lokasi gambar ikon.
  4. Setelah selesai, klik tombol Save.
Cara mengganti Favicon di Blogspot

Selesai. Refresh browser dan lihatlah ikon di tab browser yang sudah berubah menjadi gambar yang tadi diupload. Gampang banget kan? Oh ya, agar proses memasang favicon di Blogger ini sukses, ada beberapa ketentuan yang harus diperhatikan.

  1. Dimensinya harus kotak (square) dengan rasio yang sama besar. Misalnya 16x16 px.
  2. Ukuran gambar tidak boleh lebih dari 100KB.
  3. Format ekstensi gambar bisa berupa .ico, .png, .gif, dan .jpg.
  4. Saya sarankan gunakan format .ico, .png, atau .gif saja agar gambarnya memiliki background transparan.

Itu dia langkah mudah untuk mengganti ikon favicon Blogger dengan gambar sendiri. Silakan langsung dipraktekan. Satu menit juga selesai kok.

16
Mengganti Favicon di Blogger
Mengganti Favicon di Blogger
Cara mengubah dan upload favicon Blogspot pakai gambar / logo sendiri. Disertai panduan agar ikon tidak buram dan tetap memiliki resolusi tinggi.
Bagikan ke aplikasi lainnya:
  • WhatsApp
  • Telegram
  • Facebook
  • Twitter
  • Pinterest
  • LinkedIn

Artikel Terkait

16 komentar

  • Menulis kode gunakan <i>kode</i> (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em> (kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong> (ekstensi .jpg, .png, .gif, .webp, .ico)
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.
  • TatsuyaKomik
    11 Maret, 2023
    Profil: https://www.blogger.com/profile/09068957949898716855
    Bree, Bagaimana Cara Supaya Favicon Yg Kita Pasang Di Blog Itu Tdk buram, Harus HD Kayak Web ini (igniel), Pas Web Ini Saya Tambahkan Ke Layar Hp ku Itu Muncul Faviconnya Saya Mau Kayak Gitu HD, Nggak Butam
  • Yogi Andrian
    16 Januari, 2023
    Profil: https://www.blogger.com/profile/15673944689660996486
    Izin bertanya, Apakah penerapan di tem HTML diperlukan? seperti di https://developers.google.com/search/docs/appearance/favicon-in-search?hl=id .

    dan cara agar favicon terupdate di indeks google apakah ada trik atau tipsnya?
    terima kasih
    • Igniel
      16 Januari, 2023
      Profil: https://www.blogger.com/profile/09199170379661896200
      Iya perlu. Dengan upload favicon pakai cara di atas, akan otomatis terpasang tag <link rel='icon'> seperti yang disebutkan di artikel.

      Nanti juga keindex sendiri. Kalau mau cepet, submit ulang (recrawl) halaman homepage di GSC.

      Cara submit URL GSC:
      https://www.igniel.com/2019/05/cara-terbaru-fetch-as-google-submit-url.html
  • Unknown
    24 Oktober, 2020
    Profil: https://www.blogger.com/profile/12104611664884459596
    Cara bikin logo gimana ya mbak, saya malu kolo nyolong dari google
    • Unknown
      24 Oktober, 2020
      Profil: https://www.blogger.com/profile/12104611664884459596
      Takut gigosipin "Tuh !! Sirulan bisa banget nyolong logo dari gogle"
    • Brok3n link
      07 November, 2020
      Profil: https://www.blogger.com/profile/04886843121012440281
      Mau bikin logo?, Buka Google ketik Zyro
  • Admin WA-KATALOG
    30 Agustus, 2020
    Profil: https://www.blogger.com/profile/13770875126438297125
    maaf, bisa ndak ya... dibuat tiap page dengan favicon yg beda-beda...hehe
  • Mutiara Ilmu
    06 Juni, 2020
    Profil: https://www.blogger.com/profile/14615707161831651144
    شكراً على اعلانه
  • Question Baba
    07 Maret, 2020
    Profil: https://www.blogger.com/profile/18418674864677825697
    In new blogger the fevicon option is not showing. I had to go back to Classic Blogger option to edit it
  • Cergas Ilmu - Reza Muzaini
    29 Februari, 2020
    Profil: https://www.blogger.com/profile/07685398098013070414
    Di layout saya tidam ada menu favicon, kalau seperti ini bagaimana cara menggantinya?
    • Admin WA-KATALOG
      30 Agustus, 2020
      Profil: https://www.blogger.com/profile/13770875126438297125
      maaf, bantu jawab ...
      untuk versi baru, mengganti favicon ada di menu utama :
      setting (setelan) / Favicon
  • Rendie
    09 Juli, 2019
    Profil: https://www.blogger.com/profile/07378015717594422385
    Favicon nya biar tidak ngeblur/buriq gmana ya?
    • GudangILMU
      18 April, 2020
      Profil: https://www.blogger.com/profile/02922879513451985745
      Sama di template igniel ku juga nggak ada. Kasih solusinya dong
  • Admin Yayasan RBS
    29 Juni, 2019
    Profil: https://www.blogger.com/profile/03159567084613499021
    Om master, maaf nih, mau nanya. Website kami ada perubahan icon/pavicon, tapi kok pada saat di cari di mesin pencari (google misalnya) itu permasalahnya icon belum berubah (masih icon yang lama). Apakah nanti suatu saat bisa berubah dengan sendirinya? Mohon dibantu pencerahannya om master.
    website : http://www.rbs.or.id
    • Igniel
      30 Juni, 2019
      Profil: https://www.blogger.com/profile/09199170379661896200
      Tunggu sampe Google nge-index ulang blognya tante. Nanti lama-lama favicon keganti sendiri tante.
  • ArmandRivay
    29 Oktober, 2018
    Profil: https://www.blogger.com/profile/00579686748700745600
    thanks bro.. sangat bermanfaat. mau coba dulu