Thursday, May 6, 2010

How to add Favicon to blogger(blogspot)

A "Favicon" or "Favorite Icon" is a small image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand your site and increase it's prominence in your visitor's bookmark menu.


Favicons can be in any format such as PNG, GIF, JPG etc. But most of the people use 16*16 pixel and 32*32 pixel favicon with ".ico" format. you cannot only make static favicons but you can also make animated favicons for your blogger blogs.

The main advantage of creating and using favicon is ,it makes it easy to find your blog or site when someone favourited or bookmarked your site/blog among several blog/sites.

Step 1: choose your own icon.

First you will need to find nice logo, suitable to your blog.

Using the following online favicon generators you can create your own favicon.

Step 2: (OR ) Make your own favicon.

now you have to make your icon using your logo or any image and save it as any image format[ jpg, gif, png ].
Then upload it.

Step 3: Upload it.

Now,go to Orkut.
and upload your icon file by clicking on the scrapbook link(look at top side) and then click Add photo then browse the file and note down the url of the file.[see the screenshots below]




Next Simply change the code in URL from s400 to s1600.[see the screenshots below]


Step 4: Add a code to your blogger.

  • Login into your blogger account
  • And click "layout" then choose "Edit html"

Then look for this code.


<title><data:blog.pagetitle/></title>

Just AFTER that code add these lines

<link href='ICON FILE URL' rel='shortcut icon'/>
<link href='ICON FILE URL' rel='icon'/>

and replace the 'ICON FILE URL' with the url of your icon file from Step 3.
Now click on the Save Template.

1 comments:

ishak188 said...

cool......thenx....

Post a Comment