Adding Favicons to Your Site!

Adding a favicon to the blogger(blogspot) blog:
For those who don't know what Favicon is 'Favicon is a small icon(image) displayed at the beginning of the address bar of the browser.It is also called Favourite Icon,Pageicon and urlicon. The main advantage of creating and using favicon is ,it makes it easy to find your blog or site when someone added your site to favourites or bookmarked your site/blog among several other sites.

Most of the people use 16*16 pixel favicon(you can also use 32*32 pixel favicon) with ".ico" format.But,you can also use gif,png(image formats) as well.

So,ready to create a favicon?

Updated:
I found a free Favicon generator tool which will save lot of your time. Just go to this page and upload any image file (JPG or GIF or PNG or BTM) and it will automatically convert it to icon file and you can save it to your desktop. Next, you need to upload it to some host. There are lot of free hosts available to host .ico files and with hotlinking enabled.. Just do a quick google search. Once you upload it to some host. you get a direct url to the favicon file..

Ex:

http://howshealth.com/favicons/bt.ico

Here it is :


Now, go to your blogger Dashboard >> Design >> Edit HTML


and look for this code(it is at the top the template)

<title><data:blog.pagetitle/></title>

and add the below code just after the above one[as shown in the below screenshot]

<link href='ICON FILE URL' rel='shortcut icon'/>
<link href='ICON FILE URL' rel='icon'/>

and replace the 'ICON FILE URL' with the url of your icon file.(like http://howshealth.com/favicons/bt.ico)
That's it! Now you can see a beautiful favicon in your blog.

Fee free to add the comments.....and doubts(if any?)