How to Remove Blogger Navigation Bar From your Blog

Posted by : Harpreet Singh

There is so many peoples who don't like "Navigation Bar" in their own blog in blogger. So it is very easy and simple to remove it from your blog. Removing blogger navigation bar is as easy as drinking a cup of tea! Below I have shared a pretty easy way of getting rid of that annoying nav-bar. The blogger navbar is a default feature that appears at the top of every blogger hosted blog. There are many reasons why you should remove the blogger navbar, some of which are mentioned below,

It makes your blog look less professional
You can be flagged by anyone!
It allows your readers to view other member blogs by clicking the “Next Blog” button, which may contain objectionable content like adult explicit content!

Now you would agree with me, why I called it annoying. Before you may remove or hide blogger navigation bar please ensure that you have made a backup of your template.

Backup Your Template

Now,Firstly before start its "Backup Your Template". its very necessary to remember before start any template customization.

As we are adding code directly to the Blogger template for this customization, it is necessary to make a back-up of the existing template code. If suppose you get an error while customizing your template or you delete or break a code accidently, you will be able to easily restore your template.

To make a back-up of your Blogger template, go to Layout > Edit HTML in your Blogger dashboard, and look for the “Download full template” link near the top of the page.

Clicking on this link will prompt you to save your existing template to your computer hard drive. Save it somewhere so that you could find it easily while restoring your template.

Now Let's go to Remove Blogger Navigation Bar :

Now there is very simple and easy 5 steps to Remove blogger Navigation Bar

Go to layout > Edit HTML in your blogger dashboard
Copy the code below ( You can use Ctrl + C to Copy And Ctrl + V to Paste)

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

3. Now, Press Ctrl+F and search for Variable definitions.
4. Paste the above code just before/above Variable definitions ( Like that ; See Pic below )