How to change the Address bar Icon [favicon] in Blogger [blogspot]

If you open a blog you will see an icon on address bar. If you make blog in blogger [blogspot] your default icon will be like this:


You can change the icon (favicon) with your own picture. It's very simple to do that. The first thing you have to do is prepare an image with low dimension, it's about 22x22 pixel to 32x32 pixel, actually bigger image is no problem but it will reduce speed to open your blog. And they can be formatted as gif, jpg, bmp, png. Then you store your image to web hosting like photobucket and imageshack. In this blog I used photobucket image hosting.

Let's start:

1. Login to blogger, choose Layout then Edit HTML

2. Put this code

    <link href='http://www.YOURURLHERE.com' rel='shortcut icon' />
or
    <link href='http://www.YOURURLHERE.com' rel='icon' />


before the 

< / h e a d > tag. 

Here is what I used with my blog.

<link href='http://i453.photobucket.com/albums/qq254/irhille/irhille.jpg' rel='shortcut icon'/>

3. Change the 'http://www.YOURURLHERE.com' with your image address for your icon. Don't remove the apostrophe [ ' ' ]

4. Preview template. It will look like this:

5. If you like your setting save and your done.

It's now in Blogger (June 08, 2011) click here to see the built in features.