Pages

Friday, May 25, 2012

How to Remove the Blogger Navigation Bar

UPDATE 9/11/12: Blogger has just introduced a really easy way to remove the navigation bar. You can still follow the HTML instructions below, or you can go to "Layout," click "edit" on the NavBar (top right corner), and click "off" in the pop-up box:

That's it. You can always turn it on again if you like. Here's my original article with the HTML code:

On the one hand, it is a convenient way to access the Blogger dashboard and design templates and it allows people to follow the blog easily. On the other hand, it's a design element that announces, "Blogger blog," to the world, and hiding the bar presents a cleaner look. So here's what you do if you want to hide your Blogger navigation bar:

How to Hide the Blogger navigation bar.

Go to Design --> Edit HTML (In the new interface, go to "Template," and "Edit HTML"). Before making any changes, make sure you hit the link, "Download Full Template" to save a copy of your current settings. Find "body {" and add the following code after that:

#navbar {

height: 0px;visibility: hidden;display: none;}

My blog without the navigation bar:

Blogger blog without navigation bar at top

How to minimize your Blogger navigation bar.

If you aren't quite ready to give up on the navigation bar, but want to make it less obvious. Go to Design --> Page Elements, and "Edit" the Navbar. In the new interface, go to Layout and "Edit" the Navbar. You'll be given choices about how your Navbar will look. "Transparent Light" or "Transparent Dark" are good choices to give your Navbar a subtle look, depending on whether your blog's background is light or dark.

I'm new to this blogging, I have created a blog but whatever post I am not being able to list it under other categories that I've created.Please help me with how should I place my post under different heading??