How To Change Blogger Favicon In All Browsers - Get Rid Of The Big Orange "B"!

Blogger favicon? What? What on earth is a blogger favicon? If you found yourself asking that question -- don't worry! You're not alone. For those who are challenged when it comes to technical words, the word "Favicon" might be something new. It was for me! I was searching on and on for tutorials regarding how to change my blogger favicon without knowing exactly what the icon was called.

What is a favicon? A favicon (short for "favorite icon") is a small icon which comes in 16x16, 32x32 or 64x64 sizes and they are seen in the address bar of browsers. For blogspot, Favicon comes in the form of a big Orange "B". For Hubpages this Favicon is an "H". I'm sure those who are frequent Blogspot users must be aware of the big Orange B. Usually this orange B is something we totally ignore, but what happens when you feel like personalizing your blog to a whole new level. How do you change that icon? How do you add your own favicon?

I decided to type out my own tutorial after I made some dumb mistakes whle uploading my own favicon. There are many tutorials on the Web, but what I am trying to do here is to offer step-by-step instructions so that you get your blogger favicon uploaded in the very first try!

1. Log into your blogger/blogspot account.
2. Click on "Design" for the blog you want to edit.
3. Click on "Edit HTML"
4. Use CTRL + F to search for "</head>"
5. Just above that, type the following code -

<link href='icon URL' rel='shortcut icon' type='image/x-icon'/>

where icon URL = a favicon icon URL ending in .ico format hosted at a free icon hosting site.

I recommend iconj.com. You don't need to create an account there (saves a lot of time), create your own favicon and then you will get a favicon URL immediately which you can then use in the code given above. Remember to use icon with .ico format! This is very important! The mistake I did was hosting a picture with jpg format. Even if this worked on Google Chrome and Firefox, it did not work on IE. This is why I totally recommend using a favicon with .ico format!

This single code is enough for you to change the blogspot favicon in all browsers!

• To personalize your blogger page.
• If you have just purchased a domain name and you are using blogspot platform to host your blog, then you might want to remove that big Orange B which loudly advertises blogspot.
• A customized favicon makes your blog look unique from the rest.
• A unique blogger favicon makes your site look professional!