Cara Mengganti Gambar Pada AddresBar Browser (Favicon Blogger)
Icon atau gambar pada address bar suatu web browser disebut favicon. Jika sobat ingin menggantikan favicon blog/halaman web sobat, berikut tahapannya:
1. sediakan gambar yang akan sobat gunakan sebagai favicon dalam format, .jpg, .gif atau .png. Usahakan agar jangan lebih besar daru 26x26 pixel, tapi jika sedikit lebih besar juga tak apa. (Tujuannya agar proses loadingnya nanti lebih cepat) :D 8)
2. Upload gambar tersebut ke penyedia layanan image hosting, kali ini saya menggunakan photobucket.com, lalu copy link/URL gambar tersebut.
3. Sekarang masuk ke akun blogger sobat, klik menu Rancangan> klik Edit HTML, cari kode <b:include data='blog' name='all-head-content'/> (Agar lebih mudah gunakan fungsi Ctrl+F)
4. Tambahkan kode berikut dibawah/setelah kode <b:include data='blog' name='all-head-content'/> dan ganti tulisan "PASTE URL GAMBAR SOBAT DISINI" dengan URL gambar yang sobat dapatkan dari situs tempat sobat mengupload gambar.
<link href='PASTE URL GAMBAR SOBAT DISINI ' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
Kurang lebih seperti berikut :
<b:include data='blog' name='all-head-content'/>
<link href='http://i1115.photobucket.com/albumsxxxxxxxxxxxxxxxxx' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='http://i1115.photobucket.com/albumsxxxxxxxxxxxxxxxxx' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
5. Terakhir, klik simpan template, Favicon web/blog sobat pastinya sudah berubah....
Slamat mencoba, semoga bermanfaat....
Yoa sob...
ReplyDeletetrims masukannya....
trims jg udh brkunjung n coment............
http://mainpedia.blogspot.com
saya sudah pakai juga bos :D
ReplyDeleteOK bro.......
ReplyDeletesemoga bermanfaat,,,,,,,,,, :)
walau di blogger draft udah bisa langsung tapi lebih enak langsung edit kodenya biar paham html.thanks.
ReplyDelete@ Ego> yups... benar sekali....
ReplyDeletehttp://mainpedia.blogspot.com/