Cara Mengubah Logo Favicon Blogger yang Ada di Address Bar
Artikel kali ini adalah Cara Mengubah Logo Favicon Blogger yang Ada di Address Bar.
Seperti yang Anda lihat pada address bar di browser, pasti umumnya ada logo blog atau yang sering disebut favicon. Anda pasti bertanya-tanya bagaimana cara mengganti logo favicon tersebut pada blog Anda. Sebenarnya cara ini sangat mudah untuk Anda para newbie yang baru memasuki dunia blogger. Namun, sebelum Anda ganti favicon pada blog Anda, buatlah logonya dengan menarik dan unik
Kenapa favicon pada blog harus dibuat semenarik mungkin ? yang pasti agar menjadikan blog Anda mempunyai logo yang bagus, tidak bocah. Biasanya untuk membuat favicon jangan berukuran terlalu besar cukup 16x16 pixel dan memiliki ketajaman warna 8 atau 32 bit. Favicon juga jangan dibuat sampai di atas 100KB, cukup 20KB ke bawah saja, agar loading pada blog tidak berat. Tanpa basa-basi lagi langsung saja ikuti cara mengubahnya di bawah ini.
Berikut Ini Cara Mengganti Favicon Pada Blog :
Seperti yang Anda lihat pada address bar di browser, pasti umumnya ada logo blog atau yang sering disebut favicon. Anda pasti bertanya-tanya bagaimana cara mengganti logo favicon tersebut pada blog Anda. Sebenarnya cara ini sangat mudah untuk Anda para newbie yang baru memasuki dunia blogger. Namun, sebelum Anda ganti favicon pada blog Anda, buatlah logonya dengan menarik dan unik
Kenapa favicon pada blog harus dibuat semenarik mungkin ? yang pasti agar menjadikan blog Anda mempunyai logo yang bagus, tidak bocah. Biasanya untuk membuat favicon jangan berukuran terlalu besar cukup 16x16 pixel dan memiliki ketajaman warna 8 atau 32 bit. Favicon juga jangan dibuat sampai di atas 100KB, cukup 20KB ke bawah saja, agar loading pada blog tidak berat. Tanpa basa-basi lagi langsung saja ikuti cara mengubahnya di bawah ini.
Berikut Ini Cara Mengganti Favicon Pada Blog :
- Login ke blogger.com, jika sudah,
- Pada dashboard pilih → Template → Edit HTML
- Setelah itu cari kode </head> dengan tekan tombol [F3]
- Letakkan kode di bawah ini di atas kode </head>
<link href='URL logo yang telah diupload' rel='icon' type='image/x-icon'/>
Contoh :
<link href='http://2.bp.blogspot.com/-QMlY7G4iJpg/U-zbrUJNHII/AAAAAAAAC64/p2I0vrujQK4/s1600/favicon.ico' rel='icon' type='image/x-icon'/>
- Simpan dan lihat hasilnya.
Jika favicon tidak muncul pada halaman blog Anda, coba cara kedua berikut ini :
- Pilih Tata Letak pada dashboard
- Lihat pada gambar di bawah ini, klik edit pada menu favicon
- Simpan dan lihat hasilnya.
Jika masih tidak muncul juga coba Anda ubah format gambarnya menjadi .ico dengan cara di bawah ini :
- Buka Online ICO Converter
- Pilih gambar yang akan diubah ekstensinya dengan klik choose
- Untuk Sizes pilih 16 x 16 saja, yang lainnya jangan dicentang
- Pada Bit Depth pilih 32bit saja
- Jika sudah klik Convert, lalu ikon akan di-download dengan sendirinya, hasilnya nanti bernama 'favicon.ico'
- Selesai, lalu upload dengan cara yang kedua di atas tadi.
- Simpan dan lihat hasilnya.
Jika masih tidak muncul, berarti harus ada yang dihapus dari Edit HTML, ikuti lagi cara di bawah ini :
- Buka dashboard blogger → pilih Template → Edit HTML
- Lalu cari kode seperti di bawah ini :
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
- Biasanya kode seperti itu ada di bawah <head>
- Nah, jika sudah ketemu hapus dan simpan
- Coba lagi cara-cara yang ada di atas tadi.
Oke, itu saja yang bisa Saya beritahukan Cara Mengubah Logo Favicon Blogger yang Ada di Address Bar serta Cara Mengatasi Favicon Blog yang Tidak Muncul.
Semoga Bermanfaat !