2 Cara Mengganti Dan Memasang Favicon Blog
Posting Komentar
2 Cara Mengganti Dan Memasang Favicon Blog - Selain tampilan, salah satu identitas sebuah blog adalah Logo dan selain logo yang menjadi ciri khas sebuah blog adalah icon blog yang disebut sebagai favicon
Daftar isi
Baca Juga
2 Cara Mengganti Dan Memasang Favicon Blog - Selain tampilan, salah satu identitas sebuah blog adalah Logo dan selain logo yang menjadi ciri khas sebuah blog adalah icon blog yang disebut sebagai favicon. Favicon dan logo pada blog sebenarnya sama tapi beda tempat dan penggunaan dan tentu keduanya sama-sama memiliki tampilan gambar yang sama namun fungsi kedua gambar ini berbeda. Jika Logo digunakan sebagai identitas atau branding, namun untuk favicon yang sebagai ikon blog atau website yang muncul pada address bar laman web dan merupakan logo dari laman web tersebut.
Ukurannya yang kecil tidak bisa membuat favicon ditampilkan secara langsung pada halaman blog, sedangkan logo bisa ditampilkan secara langsung karena ukurannya yang lebih besar. Namun sebuah logo tidak bisa digunakan pada tampilan dimana favicon dipasang tapi sebuah logo tetap bisa ditampilkan sebagai identitas sebuah blog. Perhatikan beberapa tampilan logo dan favicon dibawah ini yang kami ambil dari tampilan pada desktop dan pada ponsel serta tampilan pada share link yang menampilkan logo dari sebuah blog:
Tampilan logo blog saat link blog di share di sosial media:
Tampilan logo blog tidak tampil di berada browser ponsel:
Tampilan favicon blog di bar address ponsel:
Ketiga gambar diatas adalah tampilan-tampilan favicon yang di akses menggunakan ponsel dan share link pada Whatsapp. Dan jika favicon ini tidak dipasang atau diganti maka icon bar adress akan menggunakan favicon dari Blogger atau tanpa memiliki favicon alias blank. Perhatikan contoh tampilan favicon default berikut ini:
Dan bandingkan dengan favicon yang digunakan blog ini atau yang ada pada gambar ditas. Tentu dengan memiliki dan menggunakan favicon sendiri akan membuat tampilan blog lebih baik. Lantas bagaimana cara mengganti dan memasang favicon blog?
Cara Pertama:
Cara Kedua:
Ganti kode yang berwarna merah dengan kode link gambar logo blog Anda.
Untuk melihat hasilnya, reload atau refresh halaman blog Anda. Dan sekarang blog Anda sudah memiliki icon bar yang sesuai dengan logo blog. Untuk cara kedua pada No. 3 untuk menampilkan shortcut logo blog dan favicon karena pengalaman kami, jika kode shortcut ini tidak terpasang, kadang favicon juga tidak tampil seperti yang kami tampilkan diatas, Tampilan logo blog tidak tampil di berada browser ponsel. Namun jika pada cara pertama favicon sudah tampil, maka cukup cara pertama ini yang digunakan.
Tampilan logo blog saat link blog di share di sosial media:
Tampilan logo blog tidak tampil di berada browser ponsel:
Tampilan favicon blog di bar address ponsel:
Ketiga gambar diatas adalah tampilan-tampilan favicon yang di akses menggunakan ponsel dan share link pada Whatsapp. Dan jika favicon ini tidak dipasang atau diganti maka icon bar adress akan menggunakan favicon dari Blogger atau tanpa memiliki favicon alias blank. Perhatikan contoh tampilan favicon default berikut ini:
Dan bandingkan dengan favicon yang digunakan blog ini atau yang ada pada gambar ditas. Tentu dengan memiliki dan menggunakan favicon sendiri akan membuat tampilan blog lebih baik. Lantas bagaimana cara mengganti dan memasang favicon blog?
2 Cara Mengganti Dan Memasang Favicon Blog
Jika Anda ingin mengganti favicon blog, ada 2 cara yang bisa dilakukan yaitu:Cara Pertama:
- Siapkan dulu gambar dengan ekstensi png atau ico dengan ukuran 128x128 atau tidak lebih dari 100 KB. Kami membuat sendiri icon ini menggunakan Photoshop
- Selanjutnya buka menu Tata Letak di dashboard blogger Anda dan pilih kolom Favicon dan klik Edit
- Upload gambar icon yang telah dibuat sebelumnya dengan cara klik tombol Pilih >> Upload dan Simpan
- Selesai
Cara Kedua:
- Buka menu Tema (Template) yang ada dihalaman dashboar blog Anda, lalu klik Edit HTML
- Cari kode berikut ini:
Jika tidak ada kode diatas, salin saja kode tersebut didalam kode meta tag blog atau dibawahnya beberapa kode setelah kode<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/><head> - Salin kode berikut tepat dibawah kode no. 2
<link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiArzN6fekbH7KX-hq1KTwlVc7PA4OQSvwCzk9YSVv9aDXkSgWEs0w6Floa0sg50MxkYMLGQEuHXQAchsYtBExyK93ovRtqFLdxVej323WBGpivLVO0U57J6Cy42gUoSWP1OBSvrbk9c2A/' rel='shortcut icon' type='image/vnd.microsoft.icon'/> - Simpan
Ganti kode yang berwarna merah dengan kode link gambar logo blog Anda.
Untuk melihat hasilnya, reload atau refresh halaman blog Anda. Dan sekarang blog Anda sudah memiliki icon bar yang sesuai dengan logo blog. Untuk cara kedua pada No. 3 untuk menampilkan shortcut logo blog dan favicon karena pengalaman kami, jika kode shortcut ini tidak terpasang, kadang favicon juga tidak tampil seperti yang kami tampilkan diatas, Tampilan logo blog tidak tampil di berada browser ponsel. Namun jika pada cara pertama favicon sudah tampil, maka cukup cara pertama ini yang digunakan.
