Welcome

Your favorite Pitstop

Recent Posts

Saturday, June 16, 2007

favicon : An Idendity Image for your website

You see the little spider on the left of the URL bar when you visit my site? Its called a favicon. It is a simple 16x16 dimension image file in .ico format. Ofcourse it is a different issue that creating something meaningful on such small scale is quite difficult. If you are a good artist, or you picked up a fabulous art image which can represent your website, even though its a little bigger like 64x64 dimensions, there's a wonderful way to make your own favicon.

 This online utility website(click here) can convert any sized image to 16x16 ico image. Simply browse the image, give it an online name and click generate. You can download it and upload on some filehosting service. Google pages is a better, free file uploading option.(Note that, normal photo sharing websites donot accept .ico format images. Not atleast flickr, since I have tried.)

After you have the URL of your ico image, simply follow the below steps to configure the favicon to your blogger website.

  • Go to the HTML editor in the layout of your blogger.
  • At the beginning of the html code, look for this line.

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

  • Below this line, paste the following code

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

where, "URL of your icon file" should be replaced by your ico image link

And voila! Your done!

It is always cool to have an identity symbol for your website :)

If you are hosting your website on your own, simply place the ico image in the index.html folder and rename it to favicon.ico. Your website will automatically pickup the favicon when someone visits. When someone bookmarks your website your favicon gets shown up in the bookmark list along with the description they chose.

2 comments:

Anonymous said...

I am really happy to glance at this website posts which carries plenty of useful data, thanks
for providing these information.

my blog post - Achat tweet pas cher
Also see my page - acheter retweet

Anonymous said...

I almost never write comments, but i did a few searching and wound
up here "favicon : An Idendity Image for your website". And I do have a couple of questions for you if
you usually do not mind. Could it be only me or does it look like a few of the responses appear like they are written by brain dead people?

:-P And, if you are writing at additional online social sites, I'd like to follow everything new you have to post. Could you list of every one of all your public pages like your linkedin profile, Facebook page or twitter feed?

my blog post; acheter des vues sur youtube