Blogger Provides Favicon Functionality

Image by kuribo via Flickr

Earlier this month, Google announced that they have provided Blogger users the capability to add their own unique favicon to their Blogger blogs. Prior to this, only users who could host their own favicon file could add this to their blogger template. Now, however, all Blogger users can create a favicon file and blogger will upload and host it for us.

At present, there are a couple of quirks. First, this functionality is only available to those using Blogger in Draft. Second, once the favicon is uploaded, many users have reported that they do not see it on their tab or url lines. I had the same problem, but found that it was resolved when I closed all instances of my browsers, and then reopened them.

To assist you with adding a favicon to your blog, please refer to Blogger's article: Customize Your Favicon

To assist you with the design and creation of a favicon, please see our 2009 article: Add a Favicon to Your Website or Blog

We are thrilled that Blogger has provided this enhanced functionality and we are sure that every Blogger user will take advantage of it.

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 http://www.favicon.cc

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='http://www.yoursitename.com/yourfaviconname.ico ' 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!

JL....

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.