How to Add a Custom Favicon to Your Blogger Blog

Adding a favicon to your website is indeed critical for its individuality. The favicon of a website is just like your photo in your ID card. Since, your photo classifies the individuality of your ID card, in the same way, favicon helps people to identity your website. Through, favicon a person recognizes your website and remembers it with its unique LOGO. Therefore, today in this article, we will show you How to Add a Favicon in Your Blogger Blog?  

Before you could add a Favicon to your website, it is essential that you have a proper favicon image.  You can hire designers to develop one for you. However, if you have designing skills then through Adobe Photoshop or illustrator you can easily create a one for yourself without spending a single penny over hiring designers.

If you know how to design images then open your logo in your favorite designing software like Photoshop, and resize its dimensions to 16 x 16px. Save the file in png extension, but if your platform does not support png image extension then, convert it to .ico format. Note: By default, blogger automatically converts your png image into ico format, so it means there is no need to change the extension of your image on your own.

Once you have your favicon ready, go to >> your site >> Layout >> Favicon >> Edit. Now a new window will pop out asking you to upload your favicon image. After selecting the image, press the orange save button. Note: Your image must be less than 100KB otherwise it would display weird errors. 
By default, blogger offers its own image which looks unprofessional and immoral, so by adding a favicon image to your site you are taking your site to the next level. It may look small but to maintain a site with professional outlook these small things means a lot.

After adding a customize favicon to your Blogger site, it may not display it correctly because your old image is saved in the history of your browser, so to be able to see the correct image make sure you either clear the Cache history of your browser or restart your operating system.

You can clearly see that the favicon we are using is MyBloggerLab’s logo, Feel free to show yours in the comments. If anyone has any tip regarding this topic then do not hesitate to share it, we will appreciate it.

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
Choose Wisely!


March 4, 2013 at 5:53 PM

Very simple we all know that but it is a good tutorial for newbies.

March 5, 2013 at 2:02 AM

it is good to see that one of the best blogging tips and tricks blog like yours is posting very basic blogging tutorial series now a days. Is this to help new bloggers or did you get request to post basic tutorials once again?
Whatever you post i will definitely see :p lol

Editorial Team MOD
March 5, 2013 at 6:44 AM

Our motive is to Help Beginners, The reason why we are more often posting on "Beginners Guide" so the majority of people who don't know such things can make use of it. Peace

March 5, 2013 at 7:36 PM

Thanks for the help syed ..i have done that on my site

abhishek gupta

March 19, 2013 at 2:42 AM

Nice post very clearly explained.Good job.

July 24, 2013 at 8:15 AM

really helps me! thanks!

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2016. MBL Networks, All Rights are Strictly Reserved.