What is Favicon and how to add a Favicon to your Blog.

What is Favicon?

Fav indicates to Favorite. So Favicon is the short form of Favorite icon. It is a little icon that appears next to the web address. Just look at address bar of your Browser now, you can see nice animated Favicon of my Blog. It is a special ICO icon format and named Favicon. It also appears in your Browser’s Tab and Bookmark. You can convert your favorite photo to Favicon ico and add it to your Blog.

The reason of its use.

Newer version of Internet Explorer(7.0 and above) and almost all Browsers(Ex; Mozilla Firefox) display the favicon in the address bar. So now it is more important than before. It is kind of website branding issue, also will let the site looks more professional and personalized. In one word it is a nice identity of your Blog.

How to add Favicon to your site.

Adding a Favicon is not hard. I am going to show you how easily you can add a Favicon to your Blog! Just follow the steps and you will have done.

There are many Free Favicon Generate site in the net. One of the most useful sites is ICON J. I really like this site because they have free highly standard Favicon Gallery. They also have Favicon Generator.

Go to http://www.iconj.com.

If you want to convert your favorite photo to Favicon ico, just browse and upload your photo.

upload image file to generate Browse select sharpen level ... No Sharpen Sharpen +1 Sharpen +2 Sharpen +3

(GIF, PNG, JPG, BMP, ICO, TIFF, less then 1MB)

ICON J will instantly create your Favicon. Now you have your Favicon ready to use. You can download and save it to your hard disk for future use or can instantly add it to your Blog. A new page like below will appear.

FavIcon.ico Successfully Generated.

Download It!

Direct Download: Click here to download your FavIcon.ico File. Copy and paste the HTML code in the head of your web pages: Upload the FavIcon.ico and your pages to your web server. Host It at IconJ.com: (Direct Link) Simply copy and paste the code below in the head of your web pages: Redo Again »\

To add the Favicon to your Blog.

1. Copy the HTML code.
2. Sign in to your Blog A/C
3. Now you are in the Dash Board area of your Blog. Click on Layout Tab.
4. Now click on Edit HTML Tab. Edit Template page will appear.
5. Find 'head' section in the HTML of the Template.
6. Now paste the copied code just below 'head'.
7. Click on Preview button to see the preview of your work.
8. If you are satisfied, click on ‘Save Template’ button.
9. Now click on ‘View Blog’. You can see your Favicon in the address bar.

Congratulation! You have successfully added the Favicon to your Blog.

If you don’t want to use your photo, you can use Favicon from the Free Favicon Gallery. Adding procedure is same as above.

Please don’t leave without commenting on my post.

Next Page >