Thursday, December 14, 2006

How to add a Favicon to your Blog


First of all a Favicon is an icon or a logo of a website or blog, some browsers display these icons next to the address or next to the title of the page. These icons are also used to identify a website or blog when you add it to your "favorites" they are very small (16x16 or 32x32 pixels) and they are usually in .ICO format. Blogger has a generic favicon for all blogs, but you can custumize your blog with your own favicon, these are the steps to do so.

1. You will need to create a Favicon. You can do this using some web tools that allow you to create a favicon from an image, you can do this using the Chami "Favicon from pics" online tool. What you have to do is select an image for your icon and then create your favicon.

2. After that, once you have created your favicon you´ll have to download it to your PC, your file has to be "favicon.ico".

3. Once you have your file in your hard drive you will need to host it somewhere different from your pc. Blogger does not support .ICO files so let me give you the trick I used, go to Freewebs and create an account, upload your favicon to your account and copy the URL where it is hosted.

4. After that copy this code:

<link rel="icon" href="YOUR_FAVICON_URL" type="image/ico"><link rel="shortcut icon" href="YOUR_FAVICON_URL" type="image/ico">

5. Paste the code into your blogger template html code after the tag but before the tag and save the changes.

And thats it! after this you shall see your icon next to your blog's title on the browser bar. Favicons allow you to improve the identity and the image of your blogs by making them more unique.

Posted by George C. at 4:20 PM

Blog BoomTemplation | Coming soonBlogger

© Blogger Lounge | Money making strategies for successful bloggers.