Sebelum membuat dan mengganti favicon blog. Ada baiknya kita mengerti terlebih dahulu apa itu favicon. Menurut pendapat saya, favicon merupakan sebuah gambar atau logo suatu blog yang terlihat di bagian atas browser web. Nah... bagaimana cara mengganti logo atau favicon ini.
Yuk ikuti cara saya mengganti favicon blog. Siapkan gambar favicon blog yang menggunakan extensi ico dan ukurannya di bawah 100 kb. Lebih jelasnya pelajari panduan membuat favicon di bawah ini :
Cara membuat favicon blog sangat mudah. Siapkan gambar png ukuran 300px x 300px atau 400px x 400px. Cara membuatnya bisa menggunakan pixrl, potoshop, dll.
Cara Membuat File Ico Untuk Favicon atau Icon Blog :
- Siapkan file gambar untuk icon blog
- Buka situs web pembuat favicon di situs favicongenerator : http://www.favicongenerator.com/. Di halaman favicon generator, Choose image to UPLOUD. Upload file yang sudah disiapkan tadi dengan mengklik choose image to UPLOAD kemudian Create Favicon. Ukuruan gambar yang diuploud maksimum berukuran 2 Mb. Pilih ukuran ico, dari 16 px sampai dengan 64 px.
 |
| Favicon Generator |
- Download file ico yang telah diupload tadi
 |
| Download file ico ukuran 64 px |
- Rename file jenis .ico yang di download tadi dengan nama favicon.
- Menuju halaman Blogger - Postingan - Entri Baru
- Upload gambar dalam postingan untuk mengambil url image. Postingan tidak usah dipublish. Simpan saja di draf.
 |
| Image Address Gambar |
- Siapkan script seperti di bawah ini :
<link href='favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
- Ganti favicon.ico tulisan warna merah dengan url image yang sudah dibuat, caranya buka draf postingan gambar favicon dalam mode html. Copy url image favicon.ico seperti contoh : https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh8SB7pnfochW03eaIWjZofW1NBKU5LAG9mxiSXRIlBUX_XcerZEk-ZeHbz1u8WE0hnPLOpvXAEcvFiIPEVnlbTF8nJ1JDfP3CPAQOvAvtjB3PzA7_AEymLT_DS7KDe-ImLd2698pyZG8/s1600/Favicon.ico
Hasil script yang sudah jadi seperti di bawah ini, sudah siap pakai, saatnya untuk memasang pavicon di blog.
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjh8SB7pnfochW03eaIWjZofW1NBKU5LAG9mxiSXRIlBUX_XcerZEk-ZeHbz1u8WE0hnPLOpvXAEcvFiIPEVnlbTF8nJ1JDfP3CPAQOvAvtjB3PzA7_AEymLT_DS7KDe-ImLd2698pyZG8/s1600/Favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Lanjut untuk Cara Memasang Favicon Di Blog Agar Tampil di bagian address bar browser
- Buka halaman Blogger - Tema - Edit HTML
- Copy dan paste the code di bawah <head>, tepatnya di bawah <meta dan di atas <title>, lihat gambar scrennshotnya.
- Simpan Tema dan lihat hasilnya seperti gambar di bawah. Ico atau logo blog yang lama sudah berganti dengan favicon baru.
 |
| Logo Icon Blog DI Address Bar |
Demikian cara singkat membuat favicon untuk blogger tanpa kendala, favicon blog berubah dalam beberapa langkah mudah dan cepat. Selamat mencoba buat sobat blogger yang ingin membuat favicon khusus untuk blognya agar tampil semakin keren dan tampil beda tanpa mengurangi kualitas tulisan untuk tetap update mengikuti perkembangan seputar dunia blogger.
