How to change blogger favicon

First of all, what is favicon?
Favicon is a little icon that precedes the URL in the address bar of your browser. Favicon is also displayed on the title tab.

Now take a look at your address bar, do you have an icon there? Do you like it? If you do, fine. But if you don’t, you actually can change that. I’m going to tell you how.

Below are the steps to replace your favicon:

1. Design the icon you want. You don’t need special software to design it. There are many online favicon generator sites available. Justskins.com introduces 15 favicon generator sites, you can choose the one you like. Or you can search free ready made icons on the net.
2. Once you have an icon ready, upload it to an image host (i.e. Photobucket, Imageshack, Flickr etc.). Once uploaded, get the direct URL to the icon.
3. What you want to do next is to link the icon to your blog. Go to Dashboard > Design > Edit HTML and find this line of code:

     <b:skin><![CDATA[

          Insert the code below immediately before that line:

<link href='PUT YOUR FAVICON URL HERE' rel='shortcut icon' type='image/x-icon'/>

    4. Save the template, and click on View blog button. You should see the new favicon on display replacing the old one.

Enjoy!

Posted in Blogger , Favicon , Widgets