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? If you want to turn it on instead of off, read the section at the end of the post.

To Turn Off the Blogger Navigation BarJust 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:

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?

Update: How to turn on the Blogger navigation bar?If you're using my templates, most of them don't have the Blogger navigation bar. But, if, you'd like to turn it on, simply look for the following code and delete the code in red.

Your templates are awesome! They are simply beautiful. I like them very much. I have changed the templates of my 3 blogs to yours. However, I noticed most of your templates do not have the navigation bar. Please teach me how to show it in my blog so that I can edit my blog easily.

Thank you soooooooooooo much for helping me out with this! I really appreciate how easy the blogger software is to use. But I'm hosting my own blog and I seriously don't want people to push the stupid "next blog" button. So thanks again.

I used to have similar coding in my template that did the job until a few days ago. I don't know why it stopped working. (It was:#b-navbar { height:0px; visibility:hidden }body { position: relative; top: -32px; } )Your coding works great, however, the content of my blog is showing up about 32 pixels below the top of the screen. In other words, while the bar is invisible, the space it occupied still shows. I've fiddled with the coding (removing the old, putting that -32px in the new, etc.) but nothing seems to work. Help? Thanks! e