Simple way to Add Favicon to Your blogger Blog URL Address:Blogger Tips

You can replace the blogger icon next to  your URL address with  your own icon .Its very simple and effective .It will give a unique identity for your blogs .

First and the most, you should have a unique image like this

Then upload your image to below site
 FavIcon from Pics -- free favicon.ico for your website (animated, static, text, iPod icons)

It will generate favicon.ico   file for any image (usually .png or .jpg)that you upload to it
Download the ico file in to your hard drive .

1. Log into   Google Sites.
2. Upload your Favicon.ico
3. Then copy the link address of that Favicon.ico
   for example  let it be" https://sites.google.com/site/name/home/favicon.ico" 
4. Log in to blogger
   Click Layout
   Click Edit HTML tab
   Find the following code on your template:   <b:skin><![CDATA[

just above that code place the code given below

<link href='https://sites.google.com/site/name/home/favicon.ico' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='https://sites.google.com/site/name/home/favicon.ico' rel='icon' type='image/vnd.microsoft.icon'/>


replace" https://sites.google.com/site/name/home/favicon.ico" with  original icon source

After replacing your code it  will look like :
<link href='UR ICON ADDRESS' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='UR ICON ADDRESS' rel='icon' type='image/vnd.microsoft.icon'/>
<b:skin><![CDATA[
 If you have any doubt you can ask me