Change Your Blogspot's Favicon !!

The first question which will pop out in everyone's mind after reading the title of this post will be: “What the hell is a Favicon?”(P.S. I am not talking about internet freaks and web gurus, they would probably know already, but for the sake of masses I have to explain)

Favicon is made up of two root words, they are Favorite – Icon.  It is an icon image of sizes 16x16, 32x32 or 64x64 pixels. It is used to represent a particular webpage or an URL. Here is the image of some famous favicon’s which I think you might have noticed.

Now for all the geeks and nitwits (who use blogger) and are bored by the traditional favicon here is a simple procedure to change it.

The basic pre requisite is an image which you want as your favicon for blogspot. If you are good in photoshop then create your own icon or else copy from many free providers online.

To start, click on NEW POST in your Blogger Dashboard and then add your desired favicon image there. Then go to the HTML View and copy the web address of your image. You can find the address under href attribute.

"
<div class="separator" style="clear: both; text-align: center;">

</div>

<div class="separator" style="clear: both; text-align: center;">

<a href="Copy the address from here " imageanchor="1" style="margin-left: 1em; margin-right: 1em;">

<img border="0" src=" " /></a></div>

<br />

“

Copy and paste this address this address in a notepad file. Now open the layout tab of your Blog.

Then go to EDIT HTML option and find the closing head tag (</head>).

Just before that paste these two lines and add the address which you earlier copied at appropriate places :

“

 <link href=’Paste that address here’ rel=’shortcut icon’/>

<link href=’Paste that address here’ rel=’icon’ type=’image/png’/>

“

That’s it save your settings, and open your blog to see a favorite icon.

Post your queries as comments.