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 (16×16 or 32×32 pixels) and they are usually in .ICO format. Blogger and WordPress have a generic icon for all blogs, but you can customize your blog with your own favicon, these are the steps to do so.

1. You will need to create one. 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 upload it via FTP to your main directory or host it somewhere different from your pc. Blogger does not support .ICO files so let me give you the trick, go to Freewebs or any other free hosting service and create an account, upload your favicon to your directory 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 template or theme after the tag < head> but before the tag < / head > 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.

Comments

Advertisement