Tuesday, July 28, 2009

How to add a favicon to a Blogger blog ?


Favicon - it stands for "favourite icon".

What is a favicon ?

It is a small icon which appears next to the website address in the address bar of your browser.



I acts like an identification for your url.Users can easily find the tab with your site from this favicon if they have opened many tabs.

How to add a Favicon to your Blogger blog?

Here is step-by-step guide for that -

STEP I - First of all you need to have an icon which can be used as a favicon.You can create a favicon from any image of your choice here.
At this site you can also create an animated favicon like the one I am having here for my blog.Just download the file after you have done.

STEP II - Now from downloaded zip file upload a .png file(or .gif for animated favicon) to your favourite photosharing site.You can also upload it at Googlepages.

STEP III - Now copy the following code -
<link href='URL of your favicon image' rel='shortcut icon'/>
Replace URL of your favicon image in the code with your favicon image url.

STEP IV - Now goto > Dashboard > Layout > Edit Html > Expand Widget Templates.

STEP V - Place the code below - <head>

Save your template and you are done.

Bookmark and Share
Digg this

No comments: