Cara Mengganti Favicon Blog

 

Biasanya kalo kita baru bikin blog dari blogspot, itu pasti icon kecil di tab browser (FavIcon)nya cuma tulisan B yang ber-backgrounds Orange. Mungkin itu bisa mengganggu identitas blog sobat. Karena Icon tersebut tidak menarik sebab hanya tulisan B saja. Nah, mungkin diantara sobat-sobat pasti pengen tau ya bagaimana cara mengganti icon tersebut. Gunanya mengganti icon tersebut bagi saya
adalah agar blog tersebut berbeda dari yang lain yang artinya memiliki ke-khasan sendiri. Namun, apakah icon tersebut bisa diganti dengan gambar sobat? Tentu bisa...
Sebelum melakukan tutorial ini, pastikan sobat sudah punya gambar icon, atau yang belum punya logo/icon, bisa bikin disini Cara Membuat Favicon . Nah, kalo udah bikin icon/logonya, kita langsung ke permasalahannya, oke gausah lama-lama lagi, kita langsung ke T.K.P..

Cara 1 :

1. Login ke Blogger sobat
2. Klik Tata Letak
3. Lalu klik "Edit" pada kolom "Favicon"

4. Setelah itu, klik "Browse" dan pilih icon/logo sobat yang berupa file jpg atau yang lainnya
5. Dan lihat, gambar tidak boleh lebih dari 100 kb.

6. Setelah itu, klik "Simpan"
7. Dan untuk langkah ini, ada diharapkan menunggu paling lama 24 Jam / 1 Hari.

Dan bagaimana dengan cara kedua?
Ini dia

Cara 2 :

Berhubungan cara kedua ini menggunakan script, maka gambar icon/logo nya mesti punya kode script. Bagaimana cara mengetahui kode script gambar tanpa ke tempat editor foto seperti Photobucket ?
Caranya seperti ini:

1. Klik "Entri Baru" atau cara yang biasa untuk sobat posting artikel.
2. Setelah itu, biarkan mode "Compose"
3. Dan upload gambar yang hendak dijadikan favicon.

4. Setelah itu klik "Add Selected"
5. Dan, setelah gambar telah disisipkan, baru ubah mode "Compose" menjadi "HTML"

Klik untuk memperbesar

6. Setelah diubah menjadi HTML, akan terlihat kode gambarnya.

7. Akan ada dua kode gambar, sobat pilih kode yang keduanya.
8. Misalnya semua kode HTML seperti ini :

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNFwNcTyJ36jaWkOu2FHae43vuMK9txto1h4igEycDaCjfZ4qCktsPL1Ba6E7OYdMJo_CeaHS6tDhBJJ2mHCxWBiECnc7qV6zt-8S5GdliWsHMGt9_rc0CvRMPVjrhyphenhyphenr15E6kbfZ8PtIM/s1600/faviconblog.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNFwNcTyJ36jaWkOu2FHae43vuMK9txto1h4igEycDaCjfZ4qCktsPL1Ba6E7OYdMJo_CeaHS6tDhBJJ2mHCxWBiECnc7qV6zt-8S5GdliWsHMGt9_rc0CvRMPVjrhyphenhyphenr15E6kbfZ8PtIM/s1600/faviconblog.jpg" /></a></div>
<br />

9. Nah sobat ambil kode gambar yang sobat upload yang berwarna merah tersebut alias kode gambar yang keduanya.
10. Anda sudah dapat kode gambarnya..

Kita langsung lanjut lagi....

1. Login ke blogger.
2. Klik "Template"
3. Klik "Edit HTML"
4. Setelah itu cari kode </head> ,pencarian lebih cepat, tekan CTRL + F atau F3.
5. Setelah itu, copy kode dibawah ini tepat diatas kode </head>

<link href='MASUKAN URL GAMBAR YANG TADI DIDAPATKAN' rel='shortcut icon'/>

6. Ganti tulisan yang berwarna merah dengan kode gambar yang tadi kita pelajari
7. Terakhir, klik "Simpan Tempate" dan lihat hasilnya.

Silahkan kirimkan kritik, saran, atau pertanyaan di kolom komentar.