I recently wrote an article that recommended to bloggers that if they had a blog powered by blogger, whether they owned the URL or not they needed to get rid of the ugly Orange B (blogger favicon).

Article Title:

10 Tips to Help ‘Good’ or ‘Improving’ Pacific Rim Bloggers Avoid Being Type Cast as ‘Bad’ Pacific Rim Bloggers

These little orange backgrounds with the white B are called favicons and they are typically saved with an extension of .ico and the default name on many sites is usually favicon.ico.  That said there are several ways to get normal images to work as a ‘favicon’ that I will not go into here.

So Courtney of The Many Ramblings of Me asked me the completely legitimate (and obvious) question.  How do you get rid of that Google Blogger orange favicon?

Right off the bat I knew the answer to this question, but upon testing learned that I was a fool and didn’t know anything so I had to look around the internet for the answer (and I finally found it!)

Now I came across one article that told me what I already knew about favicons.  The article was on a blogspot site and the article was titled How to Change favicon in blogger blog.  But remarkably this particular site still had the Google B favicon icon present!

Obviously they didn’t completely know what they were talking about, but they were partially right.

All you have to do is

1. find a place to host your favicon icon image
2. They recommend Google Pages but just about anywhere that you can store an image will work.
3. Then link to that file with the following meta tag info:

   <link href=’http://yourdomain-image-storagelocation.com/favicon.ico’ rel=’shortcut icon’/>
   <link href=’http://yourdomain-image-storagelocation.com/favicon.ico’ rel=’icon’/>

4. Put that code after the head tag in your blogger template (make sure you expand to show all code) and back up your template (although I’ll admit that I rarely backup my blogger templates. Shame on me!)
5. Save your changed template, view your blog and

IT DOESN’T WORK!!!!

That’s where I then found the real solution from my favorite new blogger resource on the web. (This site rocks and if you haven’t found it you can thank me later for pointing it out to you now.  This will probably be the most important find of your blogger little lives.  (it was mine!)

The site is called BloggerBuster.com.

Unlike the last site, when I went to BloggerBuster they had their own custom favicon.  I have no idea if they really use blogger for their blogging platform, but well, That’s the Point!

You don’t want people to know that you use blogger, because the world is full of anti-blogger snobs.  So if you can use a simple and easy tool (because you are too stubborn to move to WordPress) then more power to you and this site will help you milk at least another year out of Blogger as a platform.

THE TIP TO MAKE IT WORK – GETTING THE FAVICON TO DISPLAY ON A BLOGGER BLOG IS POSSIBLE

So the trick here as the geniuses at BloggerBuster point out in their article is to place that same code I mentioned to you just before you CLOSE the Head tag </head>.

Google has some goofy XML code that I can’t read that tries to call and display the google orange b favicon higher up and by putting your favicon just at the end, it will replace the Google favicon.

Note, I can’t get this to work in Internet Explorer, but that browser doesn’t pull up the B either when you follow this example and no B is better than a B.

Tags: blogger, blogger buster is a great website, blogger favicon updated but still shows orange b, favicons, favicons in blogger, updating blogger favicon

This entry was posted on Friday, January 2nd, 2009 at 7:34 am and is filed under Blogger Tips. 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.