How to Hide the Blogger Navbar
The Blogger navbar sits at the top of your Blogger blog and provides a number of controls for both using your blog and navigating around the Blogger site. If the appearance of the navbar clashes with the design of your site, you can always remove the navbar from the page. Blogger does not provide a simple way to alter or remove the navbar within the blog design editor, so edit the HTML code for your page in order to get rid of the navbar.
Other People Are Reading
Instructions
-
-
1
Log in to your Blogger account.
-
2
Click the "Design" link on the dashboard, under the blog where you want to hide the navbar.
-
-
3
Click "Edit HTML" at the top of the Design page.
-
4
Scroll down through your HTML code until you find a line with "<b:skin>." Go to the end of the set of commands that follows this line, which may take up several more lines, and press "Enter" to create a new line in the code.
-
5
Paste or type the following code into the HTML box:
#navbar {
height: 0px;
visibility: hidden;
display: none;}
-
6
Click "Save Template" at the bottom of the screen to save your changes.
-
1
Tips & Warnings
If the code doesn't work on your blog, change "#navbar {" to "#navbar-iframe {" -- one of these two options should work on any Blogger blog.
