How to add Favicon on Blogger

         Blogger had by default favicon of  B [white color and background orange ] but many blogs can be seen with respected abbreviated forms of their blog url or cool animated pic , similarly in this blog , you can see Q ,thats what called a Favicon , in simple words ,

A favicon is a small 16X16 image located at the top of your browser , any browser Firefox , IE ,Opera etc in the url bar . 

Here's how to add Favicon :


You can help set your blog look unique by getting your very own unique favicon .If you have many websites opened up in browser and want to navigate ot specific website ,then by looking favicon in tab , its quite easy instead of reading address .      

Upload your favicon to some image host like PhotoBucket, ImageShack or TinyPic and get the image URL or link.
Now log in to Blogger | Dashboard | Layout | Edit HTML

and find </head> and place the following code just before </head> tag.

<link rel="shortcut icon" href="YOUR FAVICON URL" />
<link rel="icon" href="YOUR FAVICON URL" />

Your code then should look like this:

<link rel="shortcut icon" href="YOUR FAVICON URL" />
<link rel="icon" href="YOUR FAVICON URL" />
</head>

Replace YOUR FAVICON URL with the URL of your image and then save your template.

There are many sites providing their default pics or you can upload your pic and customize it .
Uploading your favicon
Here are list of all tools that provides free setting up of Favicons :

• favicon.cc
• favicon.co.uk
• html-kit.com/favicon
• tools.dynamicdrive.com/favicon
• favicon.com
• degraeve.com/favicon
• htmlkit.com/services/favicon

Any more favicon sites ? Comment here so that i can add them here