Cara Membuat Favicon di Blog dan Cara Memasangnya

Di dalam sebuah blog banyak sekali hal yang sangat berkaitan dengan brand blog tersebut, seperti nama, domain, dan logo. Logo kecil yang ada di blog biasa di sebut dengan favicon. Pada artikel kali ini saya akan membahas mengenai cara membuat favicon dan cara memasangnya di blog.

Berbeda dengan logo biasa yang berukuran normal.

Logo icon favicon ini hanya berukuran kecil dan berbentuk persegi.

Logo icon favicon ini biasanya ada di atas website, di sebelah title browser website kita.

Bisa di bilang favicon ini melambangkan brand kita secara singkat.

Jadi tidak bisa sembarangan mengcopy favicon orang lain, kecuali hanya sementara.

Lalu bagaimana cara membuatnya?

Di tutorial ini saya akan membuat favicon menggunakan photoshop.

Cara Membuat Favicon dengan Photoshop

  1. Langkah pertama buka software adobe photoshop di laptop atau komputer yang kalian miliki.
  2. Klik menu File pada Photoshop » Kemudian klik New.
  3. Silahkan atur ukuran tinggi dan lebar gambar 92×92, kemudian buat pilih Background menjadi Transparent.
  4. Jika sudah mengatur, klik Create.Cara Membuat Favicon untuk Blog dan Website
  5. Jika kalian punya logo sendiri silahkan masukan. Jika tidak, buat saja teks.
  6. Klik icon Teks, kemudian buat teks yang kalian inginkan. Karena nama saya Hendri Ramadhan, saya akan membuat HR saja.Cara Membuat Favicon
  7. Untuk menambah warna background silahkan kalian buat layer baru dengan klik icon Create a new layer.Cara Membuat Favicon Sendiri untuk Blog
  8. Untuk mewarnainya, klik B pada keyboard » ubah ukuran pencil atau brush tool kalian » kemudian pilih warna yang kalian inginkan.Cara Membuat Favicon Dengan HTML
  9. Jika sudah mewarnai, maka teks akan tertutup jadi kalian harus menggeser layer ke bawah teks dengan tekan layer background kemudian geser ke bawah.Cara Memasang Favicon pada Website atau Blog
  10. Untuk mengubah warna teks silahkan klik icon T lagi kemudian klik teks kalian, tekan Ctrl+A pada keyboard untuk memblok teks » ubah warnanya sesuai keinginan kalian.Favicon Generator GRATIS – Pilih Ikon atau Gunakan Gambar
  11. Untuk mengubah ukuran teks silahkan klik icon T lagi kemudian klik teks kalian, tekan Ctrl+A pada keyboard untuk memblok teks » kemudian kalian pilih atau buat ukuran kalian sendiri.Lengkap! Cara Mudah Membuat dan Memasang Favicon
  12. Jika sudah selesai mengatur, klik menu File » pilih Save As » cari lokasi tempat kamu ingin menyiman gambar » ubah Save as type ekstensi file menjadi PNG » klik tombol Save.Favicon & App Icon Generator

Sekarang kalian bisa mengupload icon Favicon kalian di blog yang kalian miliki.

Baca juga: Cara Daftar AdSense untuk Blog

Cara Memasang Favicon di Blogger

  1. Langkah pertama masuk ke dalam akun Blogger kalian.
  2. Klik menu Setelan, kemudian klik Favicon.
  3. Klik Choose File, cari icon Favicon yang sudah kalian buat.Cara Membuat dan Memasang Favicon di Blog atau Website
  4. Jika sudah di upload, klik Simpan.Cara Membuat Favicon Dengan HTML

Jika berhasil maka icon favicon akan muncul.

Jika belum muncul coba clean history kalian yang ada di browser.

Kemudian masuk kembali ke dalam blogger.

Jika kalian masih menggunakan tampilan Blogger klasik atau Blogger lama, pada langkah kedua kalian masuk ke menu Tata Letak » kemudian klik Edit pada Favicon.

Baca juga: Kumpulan Widget Blog untuk Daftar Google AdSense

Penutup

Demikian artikel dari saya mengenai cara membuat dan juga memasang favicon di blog dengan mudah.

Jangan lupa share artikel ini agar bermanfaat untuk orang lain.

Jika ada pertanyaan silahkan masukan ke dalam kolom komentar di bawah ini.