Remove Blogger Navigation Bar

Blogger Navigation Bar or NavBar is the bar at the topmost part of page. It allows users to easily browse other blogs in random which they can bookmark or mark as spam. But for majority of publishers and readers, NavBar is not so appealing and they rather have it removed.

Blogger NavBar

Removing NavBar is quite easy. But first, make it a habit to always have a backup of your template before changing anything on it. This is for you to easily restore it in case you have accidentally messed it up while editing.

After backing up your template, go to Design>Edit HTML.

Inside the Edit Template box, where the HTML code is written, look for the line:

/* Variable definitions

Now paste this code before the line above:

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

The final code should like this:

Now save the template and view your blog. The NavBar should not be displayed anymore. It’s actually not totally removed but is just hidden. If you want to bring it back, just delete the code that has been pasted earlier.