website

Go to this site where you can change your picture from gif, jpg, png, or bmp format into .ico format. It's rather easy to do it, just upload the picture you want and click "create icon". Than you have to upload your new icon picture to some hosting site that accepts the ico format. You can use Google Sites for it. Click "create a new site" and give your site the name you want (if it is available). Than you can upload the picture in .ico format and save it. Now you have to copy the URL of your icon file. You can do it by clicking with the mouse right button over the picture and choosing "copy image location". If you haven't this command on the displayed menu, choose "properties". A small window will pop-up and you can select and copy the url of your file that is after Location:

It will look something like this:

http://sites.google.com/site/yoursitename/_/rsrc/1223337404841/Home/favicon.ico

Go back to your Blogger dashboard and under the Template tab, go to "Edit HTML". Near the top you will see a line like this:

Copy and insert the following code below the line:

Save your template and open your blog to see your favicon working

OR

To add an icon to your URL:

1. You need an icon. There are plenty of icons on your pc to pick from. Use windows search and look for *.ico Or you can create one go here
2. Upload the icon to your directory on line the same location of the index.html
3. Rename the icon on line to favicon.ico
4. Add both lines below to the head of your index.html page

Also you can add an animated icon, just create an animated gif 16 x 16 and upload it to the root directory and add this code. It works only with Firefox browser.

They all will look like this

Also just upload the favicon.ico to the root directory of the site all new browsers will find it.

It works with and Netscape7,  IE5 and up and Firefox

more inf oyou will get from this link