≡ Menu

How to Hide,Remove or Show Nav Bar in Blogger

Nav Bar is a handy tool to get quick access to your blogger Dash Board, however all the new bloggers want to remove this Nav Bar. Removing this Google Nav Bar is not a difficult job. It is just a simple css code, which will do this job for you. But before removing Nav Bar, make sure to backup your template.
It is very important to backup your blogger template before making any changes. Make sure to backup your template on daily or weekly basis, and also save the template file in any file hosting website so in case you lose your hard disk data, then you will be able to download again the template file from internet.
Also make sure to use a good anti virus like Bitdefender and Kaspersky to protect your computer and save your important data. Ok lets start the work and remove the Nav Bar from your blogger blog.

How to Show, Remove or Hide Blogger Nav Bar

Login to your blogger Dash Board

Click on the Theme of the blog you want to remove the Nav Bar.

Theme Blogger

Click on HTML

Now find this Code in your blogger Template

body {

And Paste this code just before the previous one

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

Just look at this image. Paste the code just like this

Remove hide or show blogger nav bar

How to Show, Remove or Hide blogger Nav Bar

Before saving your template, just check it to make sure that it is working fine. Click on Preview to see, if the Nav is showing or it is removed.

Now Click on Save Template button if every thing is right.

If you want to show the nav bar again, then simply remove the code and click on the Save Template button and that’s all. Now if you have done correctly, then it is time to insert adsens below blogger post title so that you can increase your CTR from adsense. Feel free post comments, if you have any difficulties in removing nav bar in blogger.

Was this article helpful?