Cara Membuat Favicon Sendiri untuk Blog - Malas Ngeblog

    Social Items

membuat,favicon,blog
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.

Sebelum itu kita bahas pengertian dari Favicon adalah sebuah icon kecil berupa gambar yang muncul pada addresbar halaman website, nama lain dari favicon shortcut icon, website icon, URL icon, atau bookmark icon

Untuk membuat favicon blog yang keren kamu bisa menggunakan tool online atau melalui photoshop, dengan ukuran img 92x92 px atau 16x16 px dan ukuran file tidak lebih dari 100kb .

Berikut tool online jika kamu tidak mau repot dengan photoshop..

https://www.favicon-generator.org/ dan ini https://realfavicongenerator.net/

Oke langsung saja ikuti langkah langkah di bawah ini untuk cara pembuatanya:


Cara Membuat Favicon Online


Agar proses berjalan dengan lancar pastikan siapkan gambar yang akan di convert menjadi favicon blog

1. Jika sudah klik link favicon generator yang sudah saya siapkan di atas..

2. Pilih Chose File Cari file img di Pc > Pilih Generate only 16x16 favicon.ico

3. Jika sudah klik Creat favicon

Cara Membuat Favicon Online

4. Bila proses Create sudah selesai langsung saja pilih Download the generated favicon


Cara Membuat Favicon Online

5. Selesai

Alternatifk lain yaitu dengan photoshop namun ini sedikt rumit , bila ingin mencoba berkreasi di photoshop silahkan ikuti langkah langakh di bawah ini..

Cara Membuat Favicon dengan Photoshop


Agar lebih gampang untuk membuat icon pack dengan photoshop, untuk ukuran icon pastikan 92x92 px agar gambar terlihat maxsimal tidak blurr saat di pasang..

1. Buka aplikasi photoshop di Pc kamu.

2. Buat project baru , agar lebih cepat tekan CTRL+N di keybord Pc kamu.

3. Perhatikan pada ukuran pada bagian width : 92px dan height : 92px > jiak sudah klik Oke .

Cara Membuat Favicon dengan Photoshop

4. Kita coba membuat faviocn seperti blog Arlina Design tapi kemungkinan agak berbeda dikit karena saya tidak tau font apa yang di gunakan di blog nya..

5. Pilih menu T ( teks) tulis inisial blog kamu misal ad atau nc dll dan jangan lupa kasih warna background , sesuai selera kamu agar lebih mantap lagi kamu bisa tambahkan efek long shadow , untuk membuat bayangan di belangak teks. ( efek long shadow saya dapat dari blog arlina )

faviocn,seperti,arlina,design

6. Jika sudah pilih simpan CTRL+S agar lebih cepat

7. Isi nama dan pada bagian Format pilih PNG jika sudah pilih Save .

Cara Membuat Favicon dengan Photoshop

Sekarang favicon sudah berhasil di buat masih bingung cara pemasangan nya , oke kalo begitu sekalian saj saya kan bahas cara nya di bawah ini.

Cara Memasang Favicon di Blog


1. Login ke blogger.com

2. Pilih menu Tata Letak cari gadget favicon jika sudah ketemu klik Edit .

Cara Memasang Faviocn di Blogspot

2. Selanjutnya pilih Chose File cari gambar favicon di PC kamu .

Cara Memasang Faviocn di Blogspot


3. Jika sudah pilih Simpan Selesai

Untuk memastikan apakah faviocn sudah terpasang dengan baik dan benar silahkan lihat blog kamu pastikan gambar tidak blur atau pecah karean mengurai nilai profesional blogspot.

Demikian untuk Cara Membuat Favicon Sendiri Untuk blog semoga bermanfaat terimakasih.

Cara Membuat Favicon Sendiri untuk Blog

membuat,favicon,blog
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.

Sebelum itu kita bahas pengertian dari Favicon adalah sebuah icon kecil berupa gambar yang muncul pada addresbar halaman website, nama lain dari favicon shortcut icon, website icon, URL icon, atau bookmark icon

Untuk membuat favicon blog yang keren kamu bisa menggunakan tool online atau melalui photoshop, dengan ukuran img 92x92 px atau 16x16 px dan ukuran file tidak lebih dari 100kb .

Berikut tool online jika kamu tidak mau repot dengan photoshop..

https://www.favicon-generator.org/ dan ini https://realfavicongenerator.net/

Oke langsung saja ikuti langkah langkah di bawah ini untuk cara pembuatanya:


Cara Membuat Favicon Online


Agar proses berjalan dengan lancar pastikan siapkan gambar yang akan di convert menjadi favicon blog

1. Jika sudah klik link favicon generator yang sudah saya siapkan di atas..

2. Pilih Chose File Cari file img di Pc > Pilih Generate only 16x16 favicon.ico

3. Jika sudah klik Creat favicon

Cara Membuat Favicon Online

4. Bila proses Create sudah selesai langsung saja pilih Download the generated favicon


Cara Membuat Favicon Online

5. Selesai

Alternatifk lain yaitu dengan photoshop namun ini sedikt rumit , bila ingin mencoba berkreasi di photoshop silahkan ikuti langkah langakh di bawah ini..

Cara Membuat Favicon dengan Photoshop


Agar lebih gampang untuk membuat icon pack dengan photoshop, untuk ukuran icon pastikan 92x92 px agar gambar terlihat maxsimal tidak blurr saat di pasang..

1. Buka aplikasi photoshop di Pc kamu.

2. Buat project baru , agar lebih cepat tekan CTRL+N di keybord Pc kamu.

3. Perhatikan pada ukuran pada bagian width : 92px dan height : 92px > jiak sudah klik Oke .

Cara Membuat Favicon dengan Photoshop

4. Kita coba membuat faviocn seperti blog Arlina Design tapi kemungkinan agak berbeda dikit karena saya tidak tau font apa yang di gunakan di blog nya..

5. Pilih menu T ( teks) tulis inisial blog kamu misal ad atau nc dll dan jangan lupa kasih warna background , sesuai selera kamu agar lebih mantap lagi kamu bisa tambahkan efek long shadow , untuk membuat bayangan di belangak teks. ( efek long shadow saya dapat dari blog arlina )

faviocn,seperti,arlina,design

6. Jika sudah pilih simpan CTRL+S agar lebih cepat

7. Isi nama dan pada bagian Format pilih PNG jika sudah pilih Save .

Cara Membuat Favicon dengan Photoshop

Sekarang favicon sudah berhasil di buat masih bingung cara pemasangan nya , oke kalo begitu sekalian saj saya kan bahas cara nya di bawah ini.

Cara Memasang Favicon di Blog


1. Login ke blogger.com

2. Pilih menu Tata Letak cari gadget favicon jika sudah ketemu klik Edit .

Cara Memasang Faviocn di Blogspot

2. Selanjutnya pilih Chose File cari gambar favicon di PC kamu .

Cara Memasang Faviocn di Blogspot


3. Jika sudah pilih Simpan Selesai

Untuk memastikan apakah faviocn sudah terpasang dengan baik dan benar silahkan lihat blog kamu pastikan gambar tidak blur atau pecah karean mengurai nilai profesional blogspot.

Demikian untuk Cara Membuat Favicon Sendiri Untuk blog semoga bermanfaat terimakasih.

Load comments

Subscribe Our Newsletter

Notifications

Disqus Logo