How to get rid of the Blogger navigation bar?

Here's a snapshot of a Blogger blog and the navigation bar (navbar) is at the top shown by the green arrow.
So, how do you get rid of it if you don't want it hanging on top of your blog?
Easy.
Just copy the Navbar1 code below and paste it anywhere inside your blog XML file as a CSS code after the /* Variable definitions section. If you're not sure what this means, follow these steps:#Navbar1 {
margin: 0;
padding: 0;
display: none;
visibility: hidden;
}
1. Login to your blog and click the Edit HTML tab inside the Template tab.
2. Inside the file, locate the section body { ..... } and paste the Navbar1 code below this section, after the closing bracket.
3. Click 'SAVE TEMPLATE'.
4. That's it. You're done.
************************
It's easy to get rid of it. But know that the Navbar serves some purposes. The most valuable purpose for you is that it helps other Bloggers stumble upon your blog when they click the NEXT button on the Navbar searching for other blogs randomly. Not to mention that it's easy go to the login page if you have the Navbar on; otherwise, you have to open up the Blogger login page to login.
So, you decide which is the best for you. To have it on or off?

4 comments:
Its simply working. thanks
hi dzulque, i've tried to hide my navbar but , but i still had trouble to put the code ,
my blog http://armmoney.blogspot.com
Thank you! I tried several methods I saw on the net and none worked, until I found yours. It works perfectly at my blog http://blogatation.blogspot.com/
Thanks again.
This was a great tip! I am wondering how to get the Edit icon back for the posts. I can't seem to figure out where that code is (or isn't)
Thanks for the wonderful photoblog templates.
Post a Comment