Cara Mengganti Favicon Blogger Terbaru 2021 | Foodycooky

 



Informasi Teknologi - Mengganti Favicon Blogger, Favicon adalah semacan icon yang akan muncul di address bar atau tab bar ketika kita memasukkan alamat sebuah website di web browser. Biasanya sih sebagai ciri khas website tersebut atau agar terlihat lebih menarik di banding biasanya. Hehe masa iconnya melulu huruf B dibungkus kertas oranye (itu loh logo blogger). Tapi yang kepengen "faviconnya" default blogger ya sudah lah ini jangan di praktikkan. Hehe


Untuk lebih jelasnya bisa lihat gambar berikut ini :

Gambar di atas adalah gambar favicon default bawaan blogger. Tentunya kita ingin blog kita ini unik dan lain dari pada yang lainnnya. Salah satu caranya adalah dengan mengganti faviconnya, caranya cukup mudah kok. 

Coba ikuti petunjuk di bawah ini :

Sediakan gambar atau favicon anda (ya iyalah mau ganti gambar masa ga ada gambarnya), sebaiknya gambar/icon berukuran 16x16 pixel atau lebih besar dikit gak papa. Format gambar untuk membuat favicon bisa .PNG, .GIF, .JPEG 

Upload gambar tersebut melalui form "New Post" (cari sendiri, masa ga bisa). Hehe.. 

Jangan PUBLISH post tersebut, cukup SAVE AS DRAFT saja. 

Kemudian click Edit HTML (itu loh di atasnya kamu menulis postingan).

Untuk lebih jelasnya lihat gambar dibawah ini :

Dan jangan lupa copy dan paste kode seperti yang diblock pada gambar di atas di aplikasi text seperti Notepad. Kode tersebut mungkin berbeda dengan milik anda, yang penting copy dan paste kode yang memuat nama file gambar favicon anda pada baris-baris terakhir. Lalu SAVE.

5. Setelah itu, klik menu "LAYOUT" trus pilih "Edit HTML" jangan lupa kasih tanda checklist pada "Expand Widget Template".

6. Cari kode <head> dan <b:include data='blog' name='all-head-content'/>

7. Lalu letakkan kode berikut ini di antara kedua kode tadi, jangan lupa ganti "URLDISINI" dengan kode yang sudah anda copy-paste-kan ke Notepad tadi

<link href='URLDISINI' rel='icon' type='image/vnd.microsoft.icon'/>Lalu klik SAVE TEMPLATE.

8. Cobalah untuk mengetikkan URL blog atau website anda di browser. Bila favicon milik anda belum muncul, silahkan ikuti petunjuk selanjutnya.

9. Silahkan kembali ke DASHBOARD lalu pilih menu "Layout"-"Edit HTML"-checklist pada "Expand Widget Templates".

10. Cari kode <b:skin> lalu letakkan kode <link href='URLDISINI' rel='icon' type='image/vnd.microsoft.icon'/> tepat di atasnya. Jangan lupa ganti "URLDISINI" dengan kode yang sudah anda copy-paste-kan ke Notepad tadi. Dan klik SAVE TEMPLATE. 

11. Seharusnya sih sudah bisa. Happy blogging

12. Selamat Posting.


Previous Post Next Post