Cara Memasang Favicon Pada Blog Dengan Meta TAG
Agustus 26, 2020
Edit
Cara Memasang Favicon Pada Blog Banyak orang yang kebingungan untuk memasang favicon karena fitur bawaan blogger yakni widget Favicon yang ada di tata letak blogger tidak ada. Tenang saja saya akan berikan solusinya untuk Anda yang membutuhkan solusi ini.
Layaknya sebagai gambar kalian juga wajin mencompress gambar kalian atau kalian bisa menggunakan Lazy Load Image dan itu akan lebih otomatis untuk gambar dan memasang favicon
Lanjut ke caranya...
Cara Memasang Favicon Pada Blog Dengan HTML
1. Login dulu ke Blogger.2. Dalam Dashboard Blogger pilih menu Tema dan Edit HTML.
3. Copy Code HTML dibawah ini dibawah tag <head>.
<!-- Favicon -->
<link href='LINK_LOGO_GAMBAR'/><!-- SARAN UKURAN 192X192 -->
<link href='LINK_LOGO_GAMBAR' rel='icon' sizes='200x200'/> <!-- SARAN UKURAN 192X192 -->
<meta content='LINK_LOGO_GAMBAR'/> <!-- SARAN UKURAN 192X192 -->
<link href='/favicon.ico' rel='icon' type='image/x-icon'/> <!-- BIARKAN DEFAULT -->4.Atau kalian dapat menggunakan kode dibawah ini untuk lebih spesifik dan lebih bagus dan akan otomatis untuk menyesuaikan dengan browser pengunjung dan jenis handphone
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href=" ## masukkan link logo ##">
<link rel="apple-touch-icon" sizes="72x72" href=" ## masukkan link logo ##">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href=" ## masukkan link logo ##">
<link rel="apple-touch-icon" sizes="120x120" href=" ## masukkan link logo ##">
<link rel="apple-touch-icon" sizes="144x144" href=" ## masukkan link logo ##">
<link rel="apple-touch-icon" sizes="152x152" href=" ## masukkan link logo ##">
<link rel="apple-touch-icon" sizes="180x180" href=" ## masukkan link logo ##">
<link rel="icon" type="image/png" sizes="192x192" href="" ## masukkan link logo ##">
<link rel="icon" type="image/png" sizes="32x32" href=" ## masukkan link logo ##">
<link rel="icon" type="image/png" sizes="96x96" href=" ## masukkan link logo ##">
<link rel="icon" type="image/png" sizes="16x16" href=" ## masukkan link logo ##">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content=" ## masukkan link logo ##">
<meta name="theme-color" content="#ffffff">Semua yang saya kasih mark kuning kalian ganti dengan logo gambar yang kalian inginkan dan diharapkan kalian menggunakan link blogger ya untuk gambarnya