Membuat Favicon untuk Blog

Posted by

Blog saya yang ini dan imanudin.net memang tidak memiliki favicon sebelumnya. Tidak saya pasang. Namun beberapa hari terakhir saya coba searching pada Google untuk mencari keyword dan tutorial yang sebenarnya ada pada blog saya. Sekalian testing hasil pencarian pada Google. Urutan keberapa kira-kira artikel saya tersebut 🙂 . Contoh pencariannya misalnya “How to install Zimbra”.

Dari hasil pencarian tersebut, artikel pada blog saya muncul di page pertama. Meskipun bukan urutan yang pertama 🙂 . Dari sana saya melihat favicon pada blog masih berbentuk default. Berupa bola dunia berwarna putih dan hitam saja. Kira-kira seperti ini tampilannya


Padahal sebelum-sebelumnya hasil pencarian Google hampir tidak menampilkan favicon pada blog. Atau mungkin saya yang kurang update? bisa juga karena chrome yang saya pakai sudah diupdate 🙂

Okelah saya coba buat faviconnya dan pasang pada semua blog yang saya punya. Dikarenakan jiwa seni yang saya miliki kurang, akhirnya coba ambil gambar dari Page Blog Imanudin. Kemudian dihapus backgroundnya dan dibuat transparan. Cara menghapus background nya cukup gunakan Microsoft Office. Panduannya bisa dilihat pada blog rekan saya disini : https://mukharom.com/cara-menghapus-background-gambar-tanpa-photoshop-microsoft-office/. Jadilah gambar favicon seperti ini

Kemudian dilakukan generate secara online melalui website https://favicon.io/. Hasil generate nya tersedia untuk beberapa pilihan tipe dan pixel. Lalu saya pasang pada blog imanudin.com dan imanudin.net.

Setelah diperhatikan, selain tersedia pilihan generate dari image, ternyata favicon.io juga menyediakan generate dari text.  Saya coba eksperimen dengan beberapa komposisi warna yang disediakan. Hasilnya juga langsung terlihat. Contohnya seperti berikut

Akhirnya saya ganti favicon yang sudah saya buat dengan favicon hasil dari generate text. saya buat 2 favicon untuk membedakan blog imanudin.com dan imanudin.net. Hasilnya bisa pembaca lihat dibagian atas seperti ini

Sekarang, hasil pencarian Google terhadap artikel blog imanudin.com ataupun imanudin.net sudah terlihat faviconnya

Favicon generator online ini cukup membantu dan memudahkan bagi orang yang kurang memiliki jiwa seni seperti saya 🙂

One comment

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.