How to Add Your Favicon to Blogger is by far the most popular post on this blog. If you read through the comments you will notice that for some people it works perfectly and for others they seem to have a tough time getting it to work. The reality is that adding a favicon to a Blogger.com blog is a bit of a hack. Hacks sometimes break and do not always work for all web browsers. This is currently the case with adding a favicon to a Blogger.com blog hosted on Blogspot for Internet Explorer.

For those of you wanting desperately to have your favicon to work in Internet Explorer you have to use a .ico file, since it appears that Internet Explorer simply does not want to support the .png or other formats for the favicon. You can’t upload a .ico file to Blogger.com, that means you will need to host your favicon somewhere other that on Blogger.com. An option could be Google Page Creator.

You still need to insert the code just before the closing head tag. You code then would look something like this:

<link href='http://www.example.com/favicon.ico' rel='shortcut icon'/>
</head>

The code is currently installed on the Free Favicon Blogger test blog and it is showing in Internet Explorer 7 on Windows Xp Pro. If it does not work for you leave a comment and we will see if it can be sorted out.

Be Sociable, Share!

• 

This entry was posted on Thursday, April 2nd, 2009 at 12:43 pm and is filed under Tutorial. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.