Moch Adnan 19 Mei 2015
Cara Mengganti Favicon Blog Di Blogger Tampilan Baru
Update : 15 Mei 2023, kami menambahkan cara menyimpan favicon kedalam direktori root situs
Favicon adalah sebuah gambar mini yang akan tampil di atas menubar browser ketika situs/blog kita tampil (di buka), jika sobat saat ini ngeblog menggunakan blogspot maka favicon yang akan tampil adalah logo huruf B berwarna putih dengan warna background kuning. Nah, logo atau favicon bawaan dari blogger tersebut bisa anda ganti dengan logo pilihan anda sendiri yang tentu saja akan mencerminkan situs sobat sendiri. Bagaimana cara mengganti favicon tersebut? Lanjut membaca artikel ini okay....

Menyiapkan Gambar Favicon

Karena gambarnya yang begitu mini, jadi jangan coba-coba langsung menyimpan gambar favicon yang berhasil anda buat dari photoshop atau sejenisnya itu langsung kedalam menu favicon tersebut, saya jamin tidak akan berhasil. Ukuran gambar yang di minta sangat kecil, selisih sedikit saja, maka bisa dipastikan pengunggahan gambar favicon akan gagal. 

Untuk mempermudah pemasangan favicon ini saya sarankan anda menggunakan jasa pihak ke tiga saja, yakni dengan menggunakan jasa favicon generator. Nah, dengan menggunakan jasa ini anda tidak perlu meraba-raba lagi  :D   saya pastikan anda akan langsung bisa dan dengan begitu mudahnya memasang favicon pilihan anda tersebut.
Buka situs Favicon GENERATOR, lalu pada bagian 'upload' klik dan pilih gambar yang sebelumnya sudah anda simpan dalam komputer/laptop anda. Dan ketika gambar pilihan sudah rampung di unggah, klik download saja untuk menyimpan gambar favicon yang berhasil dibuat. 

Cara Mengganti Favicon Blog  Tampilan Baru

Step selanjutnya, masuk ke dalam dasbor blog anda. Pilih 'Tata letak' kemudian pilih tulisan 'Edit' yang ada dalam menu fav-icon. Setelah terbuka sebuah jendela munculan, selanjutnya pilih 'ubah gambar'. Untuk menemukan dan meng-upload gambar favicon yang berhasil anda download di langkah pertama, caranya adalah dengan mengklik 'tombol browse' kemudian carilah gambar favicon yang ada dalam laptop /komputer anda.

Tunggu hingga proses pengunggahan selesai, kemudian segarkan laman lalu bukalah situs/blog anda. Maka gambar favicon default blogger sudah berganti dengan favicon pilihan anda, sampai disini selesailah sudah pekerjaan ringan mengganti favicon di tampilan blogger baru.

Tempatkan favicon di situs web 

Tempatkan favicon di situs web Anda
Tempatkan file bernama favicon di direktori root situs. Perhatikan rekomendasi . Buka dasbor blog kemudian pilih "Tema" lanjut pilih "Edit HTML" 
Dalam kode HTML halaman utama situs, di elemen head , tambahkan tautan ke file yang dihosting.
Temukan kode <head> kemudian simpan kode dibawah ini tepat setelah kode <head>

<style  <link rel="icon" href="https://example.com/favicon.ico" type="image/x-icon">

klik "Simpan" dan selesai.
Tips: ubah pada example. com/ dengan nama domain sobat.

Mengganti Favicon Blog Di Blogger Tampilan Baru

Kurang jelas dengan penjelasan di atas? , anda bisa melihat gambar yang sengaja saya lampirkan juga. Silahkan di urut pengerjaannya sesuai gambar di atas. Terima kasih sudah membaca dan meluangkan waktu sobat di Moch Adnan Blog, selamat mencoba.