Techies Home

How To Remove Nav Bar In Blogger/Blogspot [Tutorial]

Ankul Barar
Posted In Blogger - By Ankul Barar
On Sunday, October 30th, 2011 With Comments

I have got feedback from people that they don’t like the top Nav(Navigation) Bar in their Blogger Blogs and if there was a way by which It Could be Removed? The Answer is Yes, it  can be removed. Though Blogger has only one source file to edit and a slight error can break the theme so you have to use Preview feature to check if everything is working fine.

Following is the Tutorial which will tell you how To remove the Navigation Bar but before you do that I would like to tell you that it can be actually helpful for you to have a Nav Bar that is why Blogger at the first had placed it there. The Reason why you should have the Nav Bar is simply because it makes you reach blogs or same interests by The just Clicking “Next Blog” and helps your readers to “Follow” you but if this is not Important for Your Blog then You can Right Away carry out the following steps.

STEP: 1

This the Navigation Bar That You Want To Be Removed.

Nav Bar In Top Of The BlogNav Bar In Top Of The Blog will Appear Like This

 STEP: 2

Go To Your Blogger Account:

Blogger New Interface: First Go To “Template”  on the right Menu.

Blogger Old Interface: First go to ‘Layout’ –> ‘Edit html’.

Edit HTMLNext Step is To Find This Code This Box On The Back-end. Under The Template

 

STEP: 3

Read and Move Forward By Clicking on “Proceed”

Remove Blogger Nav BarThis Will Be A Prompted when You Click On Edit HTML

STEP : 4

Find The “Header” Section. (You can Use Ctrl+F and search “Header” to make it quick)

Find Header in HTMLFind Header in HTML

STEP :  5

You Need To Add This Code As Added in The Image:

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

Remove Nav BarAdd The Following Code
 STEP : 6

Check by previewing the Changes , if everything looks fine you can “Save Changes” and Volla. Mission Accomplished. The Nav Bar is no More There.

No Nav BarVolla! The Task is Achieved!
PS: You will have to do the same step Each time you switch a theme.
Good Luck ! Do Share Your Experience By Comments.