Membuat favicon blog sebenarnya
cukup mudah, namun terkadang ini sangat membingungkan karena ukuran icon yang
kecil pasti susah untuk menentukan ukuran yang pas di blogspot atau platform
blogging lainnya.
Sebelum itu kita bahas pengertian
dari Favicon adalah sebuah icon kecil berupa gambar yang muncul pada addressbar
halaman website, nama lain favicon adalah shortcut
icon, website icon, URL icon, atau bookmark icon.
Untuk membuat favicon blog yang keren kamu bisa menggunakan tools online atau melalui photoshop, dengan ukuran img 92x92 atau 16x16 px dan ukuran file tidak lebih dari 100kb.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSNzPeR5rLTOk8IcyBga4RvxBoBDhFEb9-Np_O2hjXHrk_-SIkRxN0LHwfE5QZEXxyqsD01CYbPQCu8knsIEMQYAtKjbW2bqrqaS5OHpWNbJ5GUfEHIJ0Pe7QHXxEQj_am1UDEH1LaJeGU/w779-h51/List+.png)
Cara Membuat Favicon dengan Oline Tools
Agar proses berjalan dengan lancer,
pastikan siapkan gambar yang akan di convert menjadi favicon blog.
1. Jika sudah
klik link favicon generator yang sudah saya siapkan di bawah ini (Pilih salah
satu)
https://www.favicon-generator.org/ atau https://realfavicongenerator.net/
2. Pilih Chose
File => cari file img di PC => pilih Gereate only 16x16 favicon.ico
4. Bila proses Create sudah selesai, langsung saja
pilih Download the generated favicon
5. Selesai
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuz6owX_-6ewut-atdt0s_w1Bp5UUWjWF80kKdJUgBm5t8fDYK06LlWkGfvMSsXD_yUUGQfoKqFEjDv3CMA5leacrVy4tUJ2gpQteZPeqyQnOVzTS2GkUE18pjyt4wF4Nd_mRjWE8ENgC8/w779-h51/List+.png)
Cara Membuat Favicon dengan Photoshop
Agar lebih gampang untuk membuat
icon pack dengan photoshop, untuk ukuran icon pastikan 92x92 px agar gambar
terlihat maksimal (tidak blurr saat dipasang).
1. Buka aplikasi
photoshop di PC/Laptop.
2. Buat project
baru, agar lebih cepat tekan CTRL+N
pada keyboard.
3. Perhatikan pada
ukuran, pada bagian bawah width: 92px dan
height: 92px => jika sudah klik Oke.
4. Kita coba
membuat favicon seperti design Reenz Blog, tapi kemungkinan agak berbeda dikit
karena saya tidak tau font apa yang di gunakan saat membuat logo awal.
5. Pilih menu T (teks) tulis inisial blog kamu misal RB atau R, dll, dan jangan lupa kasih warna background, sesuai selera kamu.
6. Jika sudah
pilih simpan, CTRL+S agar lebih
cepat.
7. Isi nama dan
pada bagian format pilih PNG, jika
sudah pilih Save.
8. Selesai
Sekarang Favicon sudah berhasil dibuat, bila masih bingung cara pemasangannya silahkan baca lebih lanjut di bawah ini.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF2OBlA1Q300WPaBQG_xDg_5lnSCsn_DYf2F_WVf3t8Pt_ptPt8mMiKwRcBj23AqgcM2yeGxJdLZTN1fUpacNgTyCR1jigiUG3Gw4ra4aNLfyuks5YaTij6L3U2yUBDV4lCZy9PFJVFdTa/w779-h51/List+.png)
Cara Memasang Favicon pada Blogger
1. Login ke
blogger.com
2. Pilih menu Pengaturan
/ Setting => Cari menu Favicon dan klik pada menu tersebut.
3. Selanjutnya
klik Chose
File => cari gambar
favicon di PC/Laptop.
4. Jika sudah,
klik Simpan/Save.
Selesai
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZFsm16vE5hCs1A_hYazLVUNqordHb0iPPF0ZyZvs5Q9qJ_JRioPUlPVwRMos4VZPLVHi3xigketHDUs6w9lKXCbluXrIh_TQpn1bORJAKxuDvPQZ77klTSdRXmPBZn3TNfGGcsKOgX_EZ/w779-h51/List+.png)
Demikian cara membuat
favicon sendiri untuk blog, semoga bermanfaat
Terimakasih
ありがとうございました
(Arigatōgozaimashita)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRyrMBnSfyiargUoOsztCZ6Ft0U7iBW56QnKevad-HKFaRmNtOutK9BMDuut-ibDsrXvIVShzkzT8jN5EI0K21rQezLaImR8_uv-SP-Ra-s41XvUBs2AXbbqOB6RKMJ00tuSimxV2E2KFt/w779-h51/List+.png)
![Make short links and earn the biggest money](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj27SomHuE7BM49MLLPL37WL3J7ch4yT4Gh4k6cbU9HCJea9oM9c5oNESv-prRmnh6_ZOBhhv1ODfYbjHuvF0M9Oz8zb_FzobgxmoxchEQoZcJvXOWwpGEOSMfzlC9d-yhnlQdPhtfADQ/s1600/banner+720x90+3.jpg)