Cara Mengganti Favicon/Logo Blog di Tab Browser

Halo teman - teman, kali ini saya akan membahas tentang "Cara Mengganti Ikon "Blog" pada Tab Browser", yang biasanya dicari oleh bloggers newbie, untuk memperindah tampilan pada blog mereka. Ikon Blog atau biasanya disebut Favicon, berfungsi sebagai logo sekaligus identitas blog. Contohnya ikon "t" yang digunakan oleh twitter dan ikon "G" yang digunakan Google.

Untuk mengganti ikon "blog"/favicon blog, kamu harus menyiapkan gambar yang berekstensi .ico atau yang berakhiran .ico, jika kamu tidak memilikinya bisa membuat desainnya sendiri secara daring di http://www.favicon.cc/ atau desain sendiri secara offline dengan aplikasi pengolah gambar pada komputer ataupun ponsel, jika anda tidak ingin pusing, anda juga bisa langsung download di https://www.freefavicon.com/.

Setelah kamu sudah mempunyai dan mempersiapkan file gambar yang berekstensi .ico langkah selanjutnya adalah mengganti ikon nya pada blogger. Pada saat mengganti ikon pada blogger ada 2 cara, yaitu melalui Tata Letak dan Edit HTML. Tetapi biasanya pada Template Custom tidak ada menu untuk mengganti ikon pada Tata Letak, jadi harus mengganti melalui Edit HTML.

A. Cara Pertama : Mengganti Melalui Menu Tata Letak

Login ke akun Blogger kamu
Buka blogger.com
Pilih menu Tata Letak
Klik edit pada Favicon
Pilih Choose File, kemudian pilih gambar yang berekstensi .ico kamu
Klik Simpan, dan cobalah buka blog kamu

B. Cara Kedua : Mengganti Melalui Edit HTML

Login ke akun Blogger kamu
Buka blogger.com
Pilih menu Tema
Jika kamu menggunakan tampilan blogger klasik tekan tombol Edit HTML, namun jika kamu menggunakan tampilan blogger baru klik Action Bar (menu titik tiga) dan pilih Edit HTML
Cari kode </head>, dengan cara menekan tombol Ctrl+F
Masukan kode berikut di atas kode </head>

<link href="URL GAMBAR" rel="shortcut icon"></link>

Masukan URL gambar yang akan dibuat logo pada tulisan berwarna biru.

Klik Simpan, dan cobalah buka blog kamu.

Referensi :
- https://ayamjantan25.blogspot.com/2017/02/cara-mengganti-ikon-blog-pada-tab.html
- http://divagres.blogspot.com/2013/06/cara-mengganti-faviconlogo-blog-di-tab.html