Replace Blogger icon in the Address Bar








In a blog or website we often find there is an image or icon in the address bar (box for typing web address). And if we have a blog on Blogspot, the default icon is an image that will appear like this:
If you do not like with blogspot icon, you can replace it with your icon that you want. How to replace the icon? Now I will explain it, so follow the step bellow to replace the icon in the your address bar in the blogspot:

the step is very simple
1. Login to blogger, chose "Layouts --> Edit HTML
2. Put the code below into your <head> tag or before </head> code. 


Code:

<link href='http://your-image-address' rel='SHORTCUT ICON'/>

replace the red letters with the location where you save the image. You can save your picture in photobucket and also on imageshack or if you do not want trouble, I have a sample picture along with links bellow, check it
Sample Pics:

http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/subtraction_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/e-lusion_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/20cent_net_free_fr.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/airbag_ca.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/ferrero_it.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/linuxart_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/atomicmedia_net.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/aucc_ca.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/baltimoresun_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/basecamphq_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/cbc_ca.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/cubancouncil_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/danger_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/designbyfire_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/designweenie_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/eonline_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/foxnews_com.gif


http://s496.photobucket.com/albums/rr329/grandisyf/favicon-blogtriks/postpet_so-net_ne_jp.gif
 3. Last steps is save yor template, and you can  see your change

0 komentar:

Posting Komentar