Cara Mengganti Favicon di Blog - KodeRian

Halo sobat KodeRian pada kesempatan kali ini saya akan membagikan sebuah Tutorial untuk Blogger yaitu "Cara Mengganti Favicon di Blog" Favicon merupakan sebuah identitas untuk mewakilkan makna dari web/blog yang dimiliki seseorang dan itu pasti menjadi iconik atau ciri khas nya dan contoh saja Facebook yang memiliki ciri khas berupa huruf "f" dengan blok atau kotak bewarna biru tua dan sudah menjadi iconik sekali Favicon tersebut.

Cara Mengganti Favicon di Blog

Tapi disini kita bahas untuk web/blog kita yang belum ada Favicon nya dan bagaimana untuk "Mengganti" atau "Mengubah" Favicon yang ada pada blog kita.

Apa Itu Favicon ?

Favicon adalah suatu icon yang biasaya muncul pada adress bar suatu halaman web yang merupakan logo utama dari web tersebut. Icon inilah yang menunjukan identitas dari web tersebut dan membedakan antara blog tersebut dengan blog yang lain. Icon yang dipakai mestinya suatu logo yang khas dan belum pernah dipakai dimanapun.

Apa Fungsi Favicon ?

Fungsi utama dari pembuatan Favicon adalah sebagai penanda unik dari website atau blog Anda. sebagai lambang visual dari halaman website

Untuk menambahkan ke "Blogger" kalian tinggal ikuti langkah dibawah ini

Cara Mengganti Favicon di Blog

1. Buka Blogger 

2. Klik Setelan > Dasar 

Cara Mengganti Favicon di Blog

3. Klik Favicon > Nanti muncul Popup untuk mengganti Favicon sobat 

Cara Mengganti Favicon di Blog

4. Simpan 

5. Selesai

Cara Mengubah Favicon di Blog Dengan HTML

Berbeda dengan cara yang pertama, kita bisa secara langsung mengubahnya lewat HTML bila sobat menginginkan nya tapi ini tidak di saya Rekomendasikan sebab dilakukan manual yah meski secara Teknis Favicon kita ga bakaln berganti-ganti kecuali Upgrade menjadi lebih bagus heeh. Disimak saja caranya dibawah ini

1. Buka Blogger 

2. Klik Tema > Edit HTML 

3. Cari kode berikut 

<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>

4. Ganti dengan kode dibawah ini 

<link href='Url Gambar Favicon' rel='icon' type='image/x-icon'/>

5. Kemudian masukan berupa gambar atau icon dengan format berikut "Ico" "Jpg" "Png" dengan ukuran sekala "100x100" tergantung sobat juga jadi ga menentu 

6. Simpan Tema 

 Note: Ganti kode bewarna merah dengan Url dari gambar Favicon sobat

Sampai disini saja dulu dan artikel pada blog ini akan terus saya update Setiap Hari meskipun cuman Satu atau Dua saja tapi itu lebih baik daripada Tidak :#