Beranda / Favicon Blogger / Tutorial Blogger

Cara memasang favicon di blog lewat HTML pada template

Oleh Admin S.E Posting Komentar
Cara Memasang Favicon Pada Blog Dengan HTML
Favicon adalah ikon utama yang muncul pada address bar suatu laman web dan merupakan logo dari laman web tersebut; juga dikenal sebagai shortcut icon, website icon, URL icon, atau bookmark icon. (Menurut wikiped)
Pada kesempatan kali ini saya membahas "cara memasang favicon di blogspot / blogger dengan format html pada template" lebih tepatnya kita mengaturnya pada EDIT TEMPLATE ya bukan dari Tata letak / layout.
Biasanya yang nyari tutor ini sudah pada mendalami berbagai cara untuk melakukan optimalisasi template (biar cepat hehe),
langsung saja ya ...

Cara Memasang Favicon Pada Blog Dengan HTML


1. Buka / login ke Blogger.
2. Pada Tampilan Dashboard Blogger pilih menu Tema dan Edit HTML.
langkah kedua Cara Memasang Favicon Pada Blog Dengan HTML
langkah kedua Cara Memasang Favicon Pada Blog Dengan 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 -->

Kode LINK_LOGO_GAMBAR ganti dengan link favicon / logo image anda, disarankan menggunakan ukuran 192x192

bisa juga dengan cara :
- Copy kode diatas dan paste / cut pada meta tag atas :

atau
-Cari Favicon (CTRL+F Ketik "Favicon" / "image/x-icon") kemudian replace / ganti dengan kode favicon diatas :
langkah ketiga Cara Memasang Favicon Pada Blog Dengan HTML

langkah ketiga Cara Memasang Favicon Pada Blog Dengan HTML

Klik Gambar agar jelas.
4. Klik Simpan Tema.
5. Tunggu beberapa menit hingga logo/favicon muncul.

Tidak ada komentar untuk "Cara memasang favicon di blog lewat HTML pada template"

Posting Komentar