How to remove the blogger banner and change the default favicon of blogspot blogs

Here sharing the customization tip to remove the blue banner of  blogger (blogspot)  and the default favicon from your blogspot blog. This will certainly give a professional look to your blog.

Remove the blogger  banner

 How to remove the blogger banner and change the default favicon of blogspot blogs

1.     Login to your Blogger Dashboard and on “Layout” select ” Edit HTML” as displayed in the figure. (It is highly recommended to backup your template file before editing.

 How to remove the blogger banner and change the default favicon of blogspot blogs

2.     Search for the line /* Variable definitions in the template file
3.     Insert the following code just before that  as shown
#navbar-iframe {
display: none !important;


 How to remove the blogger banner and change the default favicon of blogspot blogs

6.    Save the Template and view the changes in your blog.

Change the default favicon

 How to remove the blogger banner and change the default favicon of blogspot blogs
1.     Follow the first and second steps as in the previous case
2.    Goto iconj.com to make your favicon and get the direct link of your icon as shown.
 How to remove the blogger banner and change the default favicon of blogspot blogs
3.    locate the tag “</head>” in your template HTML file and insert the link of favicon just before that

 How to remove the blogger banner and change the default favicon of blogspot blogs

4.     Save the template and now view the blog.

It is understood that since the removal of  blogspot Nav bar is the violation of  Google TOS, the blog may get banned. Do this at your own risk.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.