Wednesday, 20 June 2012

How to Remove the Blogger Navigation Bar

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 (This is in the Old Blogger interface. I haven't figured out where to do this in the new interface.). 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:

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.


Post a Comment

Your Comment Posted After Approved.