Cara Mengganti Favicon / Icon di Blogger Terbaru

Cara Mengganti Favicon di Blogger Terbaru

Sudah beberapa bulan saya meninggalkan blogger dan kini kembali lagi ternyata sudah banyak berubah, salah satunya yaitu tampilan dashboard baru yang menjadikan saya bingung lagi untuk mengedit blog.

Sudah sekian lama saya ingin mengganti favicon atau icon blog ini, tetapi karena banyaknya aktifitas yang perlu saya lakukan di dunia nyata pada akhirnya baru kali ini memiliki waktu kembali untuk membuka blog ini.

Dulu sebelum ada perubahan tampilan pada dashboard blogger yang sekarang, untuk mengganti favicon atau icon blog sangat mudah. Anda hanya perlu masuk ke bagian tata letak blog dan upload icon yang Anda miliki.

Tetapi sekarang pada bagian tata letak blog sudah tidak ada lagi widget khusus untuk mengganti favicon blog Anda.

Akhirnya saya ingat bahwa ada teknik jadul yang digunakan pada zaman dulu untuk mengganti favicon blog secara manual menggunakan kode html yang perlu Anda masukan ke bagian kode template blog Anda.

Apa itu Favicon ?

Dikutip dari WikipediaFavicon adalah ikon utama yang muncul pada address bar suatu halaman website yang merupakan logo dari website tersebut.

favicon blogger

Berikut ini cara mengganti favicon atau icon blog terbaru yang bisa Anda coba lakukan:

1. Siapkan terlebih dahulu icon blog Anda dengan ukuran sebagai berikut: 16 x 16, 32 x 32, 64 x 64 piksel. Rekomendasinya untuk favicon adalah 16 x 16 px.
2. Silahkan upload icon blog Anda dimana saja yang penting kita bisa copy url gambarnya. Rekomendasi dari saya upload saja di postingan blog, nanti tinggal copy url gambarnya.
3. Masuk ke Blogger > Tema > Edit HTML.

edit html blogger


4. Kemudian cari kode <head> jika sudah ketemu masukan kode berikut di bawah kode <head> :

<link href='URL ICON' rel='icon' type='image/x-icon'/>

Ganti URL ICON dengan LINK GAMBAR yang sudah di upload tadi.

5. Silahkan klik Simpan .

Catatan:
- Favicon atau icon blog tidak akan berubah langsung, butuh sekitar 5 menit atau bahkan lebih.

Referensi Kode

Berikut ini beberapa referensi kode yang dapat Anda gunakan untuk mengubah favicon di blogger maupun website lainnya.

<link rel='shortcut icon' href='http://example.com/myicon.ico' />

<link rel='icon' type='image/vnd.microsoft.icon' href='http://example.com/image.ico' />

<link rel='icon' type='image/png' href='http://example.com/image.png' />

<link rel='icon' type='image/gif' href='http://example.com/image.gif' />

Itulah artikel mengenai cara mengganti favicon di blogger, semoga bermanfaat.
Ficri Pebriyana Blogger yang jarang nulis artikel :D

5 Komentar untuk "Cara Mengganti Favicon / Icon di Blogger Terbaru"

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini atau dengan menghubungi kami di halaman kontak.

1. Centang kotak Notify me untuk mendapatkan notifikasi komentar.
2. Komentar kami moderasi, dan tidak semuanya dipublish.
3. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel