Preferensi: Cara Mudah Menampilkan Icon/Logo Blogspot Pada Browser Pengunjung

Cara Mudah Menampilkan Icon/Logo Blogspot Pada Browser Pengunjung


Seperti halnya situs-situs besar, membangun brand atau logo blogspot juga sangat penting agar blog yang dikelola lebih identik diingat oleh pengunjung baik itu dari perangkat desktop. Langsung saja pada langkah pertama yang perlu disiapkan yaitu sebuah file gambar berukuran bebas yang penting persegi empat pixelnya, misal 200x200. Selanjutnya unggah di Halaman mandiri/page About atau bisa juga Asset blog. Jika bingung bisa buat postingan baru dan unggah gambarnya, kemudian salin alamat gambar tersebut (postingan langsung dihapus juga tidak masalah, karena yang dibutuhkan hanya salinan alamat gambar yang sudah di unggah saja).

Selanjutnya buka Dasbor blogger > Tema > Edit HTML, cari kode </head> kemudian salin dan tempelkan kode di bawah ini tepat sebelum/di atas kode penutup </head> ganti # dengan alamat gambar yang sudah di salin tadi, jangan lupa klik "Simpan tema".

<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link href='#' rel='icon' sizes='32x32'/>
<link href='#' rel='icon' sizes='192x192'/>
<link href='#' rel='apple-touch-icon-precomposed'/>
<meta content='#' name='msapplication-TileImage'/>


Untuk melihat hasilnya bisa coba hapus riwayat pada browser yang digunakan, selanjutnya buka blog yang sudah dipasang kode tersebut. Tunggu beberapa saat, biasanya akan langsung muncul.