Friday, December 3, 2010

Add favicon in blogger

A favicon (short for favorites icon), also known as a shortcut icon, website icon, URL icon, or bookmark icon is a 16×16 or 32×32 pixel square icon associated with a particular website or webpage.A web designer can create such an icon and install it into a website (or webpage) by several means, and most graphical web browsers will then make use of it. Browsers that provide favicon support typically display a page's favicon in the browser's address bar and next to the page's name in a list of bookmarks. Browsers that support a tabbed document interface typically show a page's favicon next to the page's title on the tab. Some programs allow the user to select an icon of their own from the hard drive and associate it with a website.

Here the steps that add favicon in blogger:

Step 1 : Upload your favicon in your photo sharing server (Here i use picasa).

Step 2 : Open your blogger Dashboard and go Design -- > Edit html

Step 3 : Copy following code and paste it above <b:skin><![CDATA[/*.

<link href='FavIcon_URL' rel='shortcut icon'/>
<link href='FavIcon_URL' rel='icon'/>

Step 4 : Replace FavIcon_URL with your favicon image location

Step 5 : Save.

Now see your icon on your browser.