Cara Mengganti Tampilan Favicon pada Blog dengan Gambar Icon Sendiri

Advertisement

Seperti diketahui bahwa favicon dari Blogspot yang berupa huruf B merupakan favicon standar yang bisa diubah dengan icon sesuai dengan keinginan kita, nah untuk mengubah favicon tersebut berikut cara yang bisa ditempuh:

1. Login blogger.com 
2. Pilih Dashboard
3. Pilih Template ==> Edit HTML
4. Copy code di bawah ini.

<link href='URL your image' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Cari kode berikut dengan "ctrl F" dan paste di bawahnya:

<title><data:blog.pageTitle/></title>

5. Ganti tulisan yang berwarna merah  URL your image dengan kode URL icon anda. Apabila alamat URL itu sudah ada di internet, anda tinggal mengcopy-nya dengan cara klik kanan pada icon/gambar tersebut selanjutnya pilih "Copy Image Location", namun bila icon/gambar tersebut belum ada di "Internet" maka anda harus mengupload icon/gambar tersebut.

6. Simpan Template 

Langkah Selanjutnya

1. Masuk ke Tata Letak
2. Klik Edit pada Elemen Favicon

3. Pilih file dari komputer yang akan anda upload. Apabila upload yang anda lakukan gagal dan ada pemberitahuan, "Not Square Image" atau "This file is too large. You can upload a file up to 100kb in size" berarti icon/ gambar anda harus diedit terlebih dahulu sehingga icon/gambar tersebut menjadi square/segiempat (mis: tinggi:90 lebar:90) dan ukurannya kurang dari 100 kb (diresize).

*) Untuk mengedit icon/gambar tersebut anda bisa menggunakan "PAINT" dengan mengedit ukuran lebar dan tinggi (disamakan, dengan tidak mencentang "maintain aspect ratio") dan resize sesuaikan hingga besarnya dibawah 100kb

Demikian semoga berhasil