Favicon merupakan singkatan dari Favorit Icon adalah icon berupa gambar yang terletak di samping alamat blog atau website. Blog yang anda buat di blogspot akan menampilkan favicon standar blogspot seperti ini
Anda dapat mengganti favicon ini dengan gambar atau logo yang anda inginkan.
Anda dapat mengganti favicon ini dengan gambar atau logo yang anda inginkan.Artikel ini akan membahas bagaimana cara mengganti favicon di blogspot. Ada 2 cara mengganti favicon di blogspot seperti dibawah ini :
- Mengganti favicon melalui Page Elements atau Elemen Laman
- Mengganti favicon melalui Edit Kode HTML Template Blogspot
Sebelumnya, persiapkan terlebih dahulu gambar yang akan dijadikan favicon. Ukuran besar file gambar tidak boleh lebih dari 100 kb. File gambar berformat .jpeg, .gif, .png atau .ico atau silahkan anda kunjugi http://www.favicongenerator.com/ untuk generate file gambar agar menjadi icon yang siap pakai.
Caranya :
- Klik Browse arahkan pencarian ke lokasi tempat penyimpanan file gambar di komputer anda
- Klik Generate lalu Click Here to Download Your Favicon!
- Save gambar ke komputer anda
☀ Mengganti Favicon Melalui Page Element atau Elemen Laman
- Login ke blogger dengan ID anda
- Klik Rancangan >> Elemen Laman lalu klik Edit pada bagian Favicon
- Akan terbuka jendela (window) Configure Favicon lalu klik Browse dan arahkan pencarian pada lokasi file gambar yang telah dipersiapkan sebelumnya.
- Pilih gambar yang akan digunakan sebagai favicon dan klik SIMPAN
☀ Mengganti Favicon Melalui Edit Kode HTML Template Blogspot
- Upload file gambar atau favicon yang akan anda gunakan ke tempat hosting image seperti http://www.photobucket.com/ atau https://picasaweb.google.com/
- Copy URL gambar atau favicon anda yang telah disimpan di tempat hosting image (contoh : https://lh6.googleusercontent.com/-Dclhfx-i35g/TxbX48eIiII/AAAAAAAAAcs/f0GKKXl2R5Y/s128/favicon2.png) - contoh URL file gambar dari piccasa google
- Login ke blogger dengan ID anda
- Klik Rancangan >> Edit HTML
- Lalu tambahkan kode seperti dibawah ini setelah tag <head>
<link href='URL FAVICON ANDA' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
- Ganti huruf yang berwarna merah dan dicetak tebal dengan url gambar favicon yang sebelumnya telah disimpan di tempat hosting image
- klik tombol SIMPAN TEMPLATE
Selesai..! catatan : jika anda menggunakan browser IE kemungkinan perubahan favicon belum akan terlihat coba clear histrory browser IE terlebih dahulu atau bookmark terlebih dahulu blog anda.
Tidak ada komentar:
Posting Komentar