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 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!
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!
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 -
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!
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 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!
Post a Comment