Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menciptakan Dan Memasang Favicon Untuk Blog

 Sebenarnya untuk membuat Favicon cukup mudah Cara Membuat dan Memasang Favicon untuk Blog

Masmalven.com - Sebenarnya untuk menciptakan Favicon cukup mudah, tetapi ada beberapa blogger yang belum tahu caranya. Karena ukuran icon yang kecil pasti sukar untuk menentukan ukuran yang pas apalagi kalau Anda belum mengetahui edit di Photoshop.

Sebelum mas malven membicarakan tentang bagaimana cara membuat Favicon, alangkah baiknya bila kita bahas apalagi dulu apa itu Favicon dan kenapa Anda mesti menjadikannya?

Favorit Icon akronim dari Favicon. Favicon yaitu suatu ikon berbentukgambar yang berfungsi selaku identitas visual situs web. Favicon ini akan timbul di tab dan bookmark browser.

Anda mampu perhatikan tab browser yang sedang membukan situs Masmalven. Anda lihat di di tengah dan Anda akan mendapatkan logo Masmalven di tab browser tersebut.

 Sebenarnya untuk membuat Favicon cukup mudah Cara Membuat dan Memasang Favicon untuk Blog

Pertanyaannya, mengapa Anda perlu menggunakan Favicon untuk blog atau website? Jawabannya, untuk membuat lebih mudah visitor mengenang blog atau situs web Anda. Dengan begitu, orang akan lebih gampang mendapatkan situs Anda.

Anda mampu gunakan tools online atau Photoshop, dengan ukuran 16x16 px atau 94x94 px dan ukuran file maximal 100kb.

Berikut ini ialah beberapa favicon generator yang mampu Anda gunakan jika Anda tidak mau repot harus edit di photoshop:

Favicon & App Icon Generator
Real Favicon Generator
Favicon Generator
Favicon.io

Daripada kelamaan, yuk ikuti langkah-langkah dibawah ini untuk cara membuatnya:

Cara Membuat Favicon Online
Anda siapkan apalagi dahulu gambar yang akan di convert menjadi favicon.
1. Klik link Favicon Generator yang sudah saya berikan diatas.

2. Klik Choose File dan pilih Generate only 16x16 favicon.ico

3. Silahkan klik Create Favicon

 Sebenarnya untuk membuat Favicon cukup mudah Cara Membuat dan Memasang Favicon untuk Blog

4. Jika telah, Anda klik Download the generated favicon

 Sebenarnya untuk membuat Favicon cukup mudah Cara Membuat dan Memasang Favicon untuk Blog

5. Selesai

Simple bukan? Untuk alternatif lain adalah menggunakan Photoshop. Anda bisa berkreasi sesuai harapan Anda di Photoshop atau Anda bisa lihat cara edit favicon di youtube. Yuk simak langkah-langkah dibawah ini.

Cara Membuat Favicon di Photoshop
Pastikan ukuran icon 94x94 agar gambar tampakmaksimal dan tidak blur ketika di pasang.

1. Buka Photoshop di PC atau Laptop

2. Silahkan Anda buat project gres dengan dengan tekan CTRL+N di PC atau Laptop

3. Anda perhatikan ukuran pada bab width : 94px dan height : 94px dan klik Oke

 Sebenarnya untuk membuat Favicon cukup mudah Cara Membuat dan Memasang Favicon untuk Blog

4. Saya akan coba menciptakan favicon blog saya sendiri

5. Anda pilih T (Teks) dan tulis logo blog kamu misalkan M atau Malven dll. Jangan lupa untuk tambahkan warna background. Untuk meniadakan bagian yang tidak dibutuhkan, klik Magic Eraser Tool.

 Sebenarnya untuk membuat Favicon cukup mudah Cara Membuat dan Memasang Favicon untuk Blog

6. Jika sudah, Anda simpan dengan cara tekan CTRL+S

7. Isikan nama dan pada bagian format pilih PNG. Jika sudah Anda pilih Save

 Sebenarnya untuk membuat Favicon cukup mudah Cara Membuat dan Memasang Favicon untuk Blog

Jika Anda ingin layer dijadikan satu, klik kanan dan pilih merge down.

Sampai disini, Anda telah berhasil menciptakan favicon. Tapi masih galau cara memasangnya, saya akan bahas sekalian cara dibawah ini.

Cara Memasang Favicon di Blog

1. Masuk ke Blogger.com

2. Anda klik Setelan > Dasar. Jika telah ketemu, Anda klik goresan pena Favicon seperti gambar dibawah

 Sebenarnya untuk membuat Favicon cukup mudah Cara Membuat dan Memasang Favicon untuk Blog

3. Nanti akan timbul jendela gres, Anda Pilih File

 Sebenarnya untuk membuat Favicon cukup mudah Cara Membuat dan Memasang Favicon untuk Blog

4. Jika telah, pilih Simpan dan Selesai

Info:
Favicon biasanya tidak pribadi muncul, tunggu beberapa menit.

Demikian klarifikasi tentang Cara Membuat dan Memasang Favicon di Blog. Semoga berguna dan selamat mencoba.