Cara Membuat Favicon Blog Agar Tidak Pecah Blur Dan Buram



Favicon itu merupakan bagian terpenting dalam sebuah blog karena dengan favicon lah blog kita memiliki brand atau merk. Pastinya blog kita akan menjadi lebih berkualitas dari sebelumnya.

Pembuatan favicon blog itu sangat mudah, yang penting kita memiliki ide untuk logo favicon karena kalau logo favicon kita sama seperti blog lain maka itu tidak baik sama saja copas.

Namun terkadang setelah favicon dibuat dan di pasang di blog, gambarnya akan menjadi pecah, blur dan bahkan buram.

Kalau blog kita memiliki favicon yang gambarnya pecah, blur dan buram maka pengunjung akan sulit mengetahui favicon blog kita dengan jelas.

Baca Juga: Cara Mengatasi Favicon Blog Tidak Muncul Di Pencarian Browser Google Chrome.

Maka dari itu disini saya memberikan beberapa tips cara membuat favicon blog agar tidak pecah, blur dan buram. Simak selengkapnya berikut ini.

Cara Membuat Favicon Blog Agar Tidak Pecah, Blur Dan Buram

1. Buatlah logo favicon terlebih dahulu dengan ukuran 16x16, 60x60, 152x152, dan 192x192. Gunakan format ico untuk favicon yang berukuran 16x16.

Sedangkan untuk favicon yang berukuran 60x60, 152x152 dan 192x192 gunakan format png.

Banyak situs-situs yang bisa digunakan untuk membuat favicon, salah satunya adalah situs favicon.cc.

Selain menggunakan situs, kamu juga bisa membuat favicon menggunakan aplikasi edit foto atau pun aplikasi edit gambar, yang terpenting adalah ukurannya harus sama seperti yang sudah saya tuliskan diatas.

2. Setelah favicon selesai dibuat, selanjutnya masuk ke dashboard blogger > Tata Letak.

3. Untuk favicon yang berukuran 16x16 bisa kamu upload melalui Tata Letak di dashboard blogger.

4. Kemudian untuk favicon yang berukuran 60x60, 152x152 dan 192x192 kamu upload di Halaman dashboard blogger dengan cara:

Masuk dashboard blogger > Halaman > Buat Halaman Baru > Upload favicon yang berukuran 60x60, 152x152 dan 192x192.

5.  Sebelum menekan tombol posting, ubahlah postingan tersebut ke mode HTML (bukan mode Compose.

6. Dalam mode HTML kamu akan melihat url ketiga favicon yang telah kamu upload. Contoh ketiga url favicon tersebut adalah seperti yang saya beri garis bawah dalam gambar berikut.


Salinlah url yang saya beri garis bawah dan posting postingan tersebut.

7. Kemudian masuk ke Tema > Edit HTML.

8. Letakan kode dibawah ini sebelum kode </head>

<link rel="icon" sizes="60x60" href="url-favicon-60x60"/>
<link rel="icon" sizes="152x152" href="url-favicon-152x152"/>
<link rel="icon" sizes="192x192" href="url-favicon-192x192"/>

Ganti tulisan yang saya beri garis bawah dengan ketiga url favicon yang sudah kamu posting di Halaman tadi.

9. Kemudian simpan template dan lihat hasilnya.

Sekarang favicon blog kamu akan terlihat lebih bagus, jelas dan tidak pecah, blur atau pun buram.

Nah, jadi begitulah cara membuat favicon blog agar tidak pecah, blur dan buram.

Untuk menjadikannya lebih baik lagi saya sarankan saat pembuatan favicon buatlah dengan memperbaiki piksel yang pecah, blur dan buram.

Artikel Terkait

SUBSCRIBE

Dapatkan update artikel gratis setiap hari melalui email.

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar
Copyright © 2019 - 2020 NgotakDikitNesia All Rights Reserved.