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.
