VIEW ALL GALLERY LIGHTS

Saturday, September 19, 2009

adding favicon to your blog on blogspot

Favicon is a small image showed on the left of address bar , stand for "favorite icon" .
Favicon allow webmasters to promote their site ,and reflect the look and feel of the blog or a representation of a company logo . You can see the favicon of SimplexDesign blog is a "S" .

favicon



To make a favicon ,at first ,you need an icon . Icon can be created by some programs such as photoshop ,pain.net ,iconedit and irfanview .

If you don't have any of them ,you can access http://favicon.cc or http://www.degraeve.com/favicon/ to creating an icon online ,or you can enter http://www.faviconsr.us/and choose one for yourself from their collections . After getting icon , upload it to an image hosting .

You can use google pages for hosting your icon .

Open your template and adding these line after the <head> tag :
<link href='http://youraccount.googlepages.com/favicon.ico' rel='shortcut icon'/>
<link href='http://youraccount.googlepages.com/favicon.ico' rel='icon'/>
remember to change the links in the code above to your file links

You can use any image hosting service for hosting favicon . There are many service that automatically convert your image to .ico format and host it for you . Just make a search on Google .

Open your template in any word editor and add this line right after  <head>

<link href='http://your image url/favicon.ico' rel='icon' type='image/vnd.microsoft.icon' />


Change 'your image url' to your favicon url . Save your template ,and you are done .

No comments:

Post a Comment