Monday, July 27, 2009

Add a Favicon to Your Website or Blog

If you have a website or blog with hosting capabilities, you should consider making yourself a favicon! What is a favicon? It's the little image that appears next to your browser url and on the various tabs. A favicon is a 16x16 bit image which can may be a .png, .gif, .jpg, .jpeg, .bmp or .ico format.

Its easy to make a favicon by visiting the website

There you will be presented with a 16x16 grid that you can fill in using their paint tool. As you design it, you will see exactly what your image looks like.

Once done, you can save it and then upload it to your website.

If you're adding the favicon to your website, then you should use the default favicon.ico file name. Every time your website is accessed, your favicon.ico will automatically be retrieved.

If you want to add this image to your Blogger blog, then you will need to save your favicon with some other name, and then upload it to your web host account.

Next, you will need to edit your Blogger Layout and add a reference link to your image just before the < /head > tag. An example link is:

< " link href=' ' rel='shortcut icon' / ">

Remember to supply your site's URL and favicon filename by substituting what we've shown in RED.

We have already added a favicon to our Ask The Blogster and Lottery Power Picks News/Blog.

Hope this helps!


Note that the favicon must be hosted somewhere for this to work easily. Since we have a website, there was no problem. However, those with only blogger accounts may not be able to do this.

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...

Earn Money - Join the Leading Affiliate Program