How to Hide or Show Blogger Navbar
This entry was posted by nhc on Tuesday, July 29th, 2008 at 2:51 pm. It is filed under Blogger Tutorials and tagged with blogger navbar, how to.
Some readers has emailed me asking how to re-show the Blogger Navbar on my released Blogger Templates. So I think I should write this post to figure it out.
Introduction
The Blogger Navbar is a navigation and search bar on top of all blogspot blogs. It is available in several colors, and is configured in the Template tab in Blogger’s interface. You can get more information about Navbar from Blogger here
The reason why I remove the Blogger navbar on EVERY Blogger Template is its mismatch color. Even though Blogger provide several useful features and different colours, it always not blend well with my templates. It’s an eye sore and makes my blog theme look less professional.
Show/Hide blogger navbar
Step 1. Log in to blogger account
Step 2. On your Dashboard, select Layout. This will take you to the Template tab. Click Edit HTML. Under the Edit Template section you will see you blog’s HTML.
Step 3. Delete the code below to show the Navbar
#navbar, #navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
or Add that code to your css code to hide the Navbar.
That is all.
You've read the post. What's next?
If you like this post then please consider subscribing to our RSS feed. You can also subscribe by email to receive free updates directly in your inbox.
Want to know what am I doing? Follow me on Twitter!
Now.. I know why my blogger nav missing… hahaha.. didn’t know it can be hide… thanx as always…
hi,……i can’t see that code,…..so,what should i do?
If the above trick does not work use this.
Add this code before the body
<style type=”text/css”>#b-navbar { height:0px; visibility:hidden; display:none}</style>
The above code will remove the navbar but the navbar area will be blank. For fixing that use:
body { margin-top:15px; position: relative; top: -35px; }
Some where after the body and before your CSS data begins.
Thanks for nice info, that’s work.
Thanks brother..
Nice trick
Yes, very simple but useful
I found that some blogger template hide the navigation bar automatically ! without any hack or scripting stuff