Favorite Icons for Blogger “Favicons”

Have you wondred how these little icons appear next to the web addresses, like the one you see above? When you visit the sites or bookmrk them, these icons will make these URLs stand out. These are “Favicons” or “Favorite Icons”.
You would first need to have an icon which you would like to use, bearing the extension .ico format.
You can create icons in 2 sizes – 16x16 and 32x32 – I would think a 16x16 icon is preferable since it is readable in most older browsers.
After you create an icon save it on some web hosting sites. i saved it in my google pages. Next goto your template and find
(**=open and close< >(html tag not suppored by blog, so please replace with mentioned tag)
*tiitle**data:blog.pageTitle/**/title**
and below that paste the below code
*link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/*
Remember to type in the “URL of your icon file”.
Save the template. When you refresh your blog site, you should see your nice litle Favicon next to the blog address.
If you have a PNG format image, the link to insert is:-
*link href='URL of your icon file' rel='shortct icon' type='image/png'/*
If it is a GIF format image, the link is:-
*link href='URL of your icon file' rel='shortcut icon' type='image/gif'/*