How to change the Blogger Favicon ?

What is favicon?

While using IE Firefox or Opera you will see an icon on the tab when u visit a page.This is called favicon.By default blogspot blogs have a favicon which looks ugly.See it here at the top of the post.So how to remove it?

Goto Blogger Template>Edit Html
There find the title tag which looks like <title><data:blog.pageTitle/></title>
and immediately after that add the following code after proper editing

<link rel="shortcut icon" href="URL of your icon file"/>

Remember to replace URL of your icon file file with your icon file's url