Cara Membuat Favicon Blogger dan Cara Langsung Update Favicon

Favicon (diucap "fave-icon") adalah gambar ikon kecil yang mewakili sebuah situs web. Favicon paling sering ditemukan di bilah sebelah kiri website atau di dalam daftar bookmark browser sebagai identitas dari website itu. Favicon dirancang dengan baik dan ditata agar sesuai dengan logo atau tema situs web teman-teman, dengan cara itu pengguna dapat dengan mudah mengenali situs web teman-teman.



Halo sobat CariSolusi. Kali ini mimin akan membagikan artikel mengenai Favicon. Cusss..

Favicon (diucap "fave-icon") adalah gambar ikon kecil yang mewakili sebuah situs web. Favicon paling sering ditemukan di bilah sebelah kiri website atau di dalam daftar bookmark browser sebagai identitas dari website itu. Favicon dirancang dengan baik dan ditata agar sesuai dengan logo atau tema situs web teman-teman, dengan cara itu pengguna dapat dengan mudah mengenali situs web teman-teman.


Apa Jenis Gambar untuk Favicon?

Meskipun sebagian browser akan mengenali format gambar PNG, GIF, dan JPG untuk Favicon, tapi tidak dengan Internet Explorer. Microsoft menganjurkan agar format ICO digunakan untuk Favicon agar berfungsi di semua browser. 

Berapa Ukuran Favicon?

Ukuran terbaik untuk Favicon adalah 16x16 pixel agar bisa tampil maksimal di browser. Ukuran yang lain yaitu 32x32 dan 48x48.

Cara Membuat Favicon

Meskipun ada banyak cara membuat Favicon, tapi cara yang paling mudah adalah dengan menggunakan tools online. Tools online itu berupa Favicon Generator yaitu Favikon

Kamu hanya perlu menggunggah gambar dengan ukuran 16x16 atau 32x32 dan favicon generator akan menyesuaikannya dengan ukuran yang ideal untuk favicon. 

Selain Favikon, dibawah ini adalah Favicon Generator lain yang bisa teman-teman gunakan.


Jika kamu belum punya logo atau gambar untuk dibuat menjadi Favicon, kamu bisa menggunakan tools online ini antara lain :


Kali ini mimin akan menggunakan Pixlr untuk membuat logo. Berikut langkah-langkahnya:

  • Buka situs Pixlr.com, lalu klik try Photo Editor
  • Create New, disini mimin menggunakan dimensi 16x16 (width 16 dan height 16). Lalu Create
  • Lalu akan muncul kotak workspace nya, jadi kamu tinggal zoom saja



  • Disini mimin menggunakan Text sebagai logo web (bukan gambar). Jadi buat kalian yang ingin menggunakan gambar atau gambar yang sudah kalian edit sendiri, langsung saja ke Favikon dan skip saja tutorial ini.
  • Setelah hal diatas, selanjutnya adalah memberi text. (Disini mimin menggunakan background transparant). 



  • Setelah itu tinggal Save dengan format PNG.
  • Lanjut ke situs Favikon. Pilih Upload Image
  • Dan terakhir, Download ICO
  • Setelah Favicon nya terdownload, kita akan menguploadnya ke blogger. Caranya adalah dengan masuk ke Blogger klik di bagian Layout lalu klik edit di Favicon.
  • Setelah upload lalu klik Save

Cara Update Favicon

Nah, yang jadi permasalahannya ialah Favicon web kita tidak secara otomatis berubah. Atau web teman-teman masih menggunakan favicon bawaan blogger. Jadi kali ini mimin akan memberi tahu tips bagaimana agar favicon web kita langsung terupdate.

Caranya adalah dengan mengetik https://[nama blog kamu].blogspot.com/favicon.ico
Setelah tab favicon terbuka, tekan Ctrl+F5. Dan selamat, Favicon blog kamu sudah terupdate.

Oke, sekian tutorial dari saya. Semoga bermanfaat. Sampai jumpa di artikel selanjutnya (>‿◠)