How to Remove or Hide Blogger Navbar From Your Blog

Are you tired of finding a way to get rid of the Blogger navigation bar? If you are using the default templates then, you would probably notice a dark bluish horizontal bar appearing just at the top of your site. To be honest, this tiny little bar is quite helpful as it allows you to sign in into your Blogger account, you can publish your posts, customize your site. Now you might be thinking if this bar is so supportive then, why should we remove it? The bar is not visually appealing it has ancient 19th century look which totally ruins your sites outlook. In this article, we will show you How to Remove the Blogger Navbar From your Blog?

The Solution: 

First go to Blogger.com >> your site >> Template >> Edit HTML >> Proceed. Now within the coding of your template search for the ]]></b:skin> tag and just above it paste the following CSS coding.

#navbar { height: 0px; visibility: hidden; display: none;}

#navbar-iframe { height: 0px; visibility: hidden; display: none;}

Now press “Save Template” button and the navigation bar would be removed from your site. However, in the future if you wish to restore the Navbar again then you can just remove the above CSS coding from your Template, and it would be back to normal.


Alternative Method: 


You can remove the navigation bar without any hassle or worry because Blogger team will not mind that. In fact, through the new interface you can simply turn of the navbar. Go to Layout >> Navbar> Edit >> from the list of options select off and press “Save” to complete the process.

We hope this article would help you in quickly removing the Blogger navigation bar from your site. What are your thoughts? Does it is worthy to remove the navigation bar? Feel free to leave your suggestions and opinions using the below comments form.