How to Change Blogger Favicon in All Browsers - Get Rid Of the Big Orange "B"
Not Liking the Blogger Favicon?
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 that 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 while 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 on the very first try!
Step-by-Step Instructions on How to Change the Blogspot Favicon
- Log into your Blogger/Blogspot account.
- Click on "Design" for the blog you want to edit.
- Click on "Edit HTML"
- Use CTRL + F to search for "</head>"
- 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 favicon.cc. 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 the 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.
Why Would You Want to Change Your Blogger Favicon?
- To personalize your blogger page.
- If you have just purchased a domain name and you are using the 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.