Generally for all blogs sponsored by blogspot will be a Big orange B symbol as the fevicon. But many bloggers love to change this to their loved ones.

In my blog the fevicon is some thing like below

Now to change the Big Orange B icon to your favorite one just follow the steps below

Create a light wait image of your favourite choice.
Make sure that the logo/image format and name end with .icoEx File name : mylogo.ico
Now upload it to a photo or file hosting site ex : Yahoo Geocities http://www.geocities.com/krishnaspage/mylogo.ico
Once your icon is accessible outside go to Dashboard in your blog
Dashboard->Layout->Edit HTML> Check the expand Widget Templates
Back up the existint template
Now start editing HTML code
Find the HTML tag </head>
Just before the tag add the below shown lines to make code looks as below.

<link rel='icon' href='http://www.geocities.com/krishnaspage/mylogo.ico' type='image/x-icon' />
<link rel='shortcut icon' href='http://www.geocities.com/krishnaspage/mylogo.ico' type='image/x-icon' />

</head>

Preview the template .
You should be able to see the your favorite icon in the browser's title bar.

Thursday, April 23, 2009 // Labels: Tips // 3 comments //

3 comments to "Logo/icon/image on browser address bar - Fevicon"

24 April 2009 at 10:29
itsolusenz says:

ITemplatez.com offers professional web templates, flash templates ,swish templates, dreamweaver templates, and other web design productsavailable for immediate download.
28 August 2009 at 12:37
gunjan says:

hi Krishna,
Can u give steps for Blogspot ?
14 December 2009 at 18:03
Krishna says:

gunjan : these are steps for blogspot only my frnd