Eliminating the blogger Navbar
For users of blogger.com / blogspot who feel less comfortable with the Navbar (navigation bar) and wanting to "hide" it or remove it from the view of visitors, you can use the following code. Put the code below in your template CSS code. Copy / paste one of the following codes:
How a
* Log into blogger
* Go to Layout - Edit HTML - check Expand widget templates
* Copy the following code inside head tag (<head> Code </ head>)
# Navbar-iframe {
display: none! important;
}
* Example in the template Minima
<head>
<b:include data='blog' name='all-head-content'/>
<title> <data:blog.pageTitle/> </ title>
<b:skin> <! [CDATA [/ *
-----------------------------------------------
Blogger Template Style
Name: Minima
Date: February 26, 2004
Updated by: Blogger Team
----------------------------------------------- * /
# Navbar-iframe {
display: none! important;
}
Method 2
* Log into blogger
* Go to Layout - Edit HTML - check Expand widget templates
* Copy the following code in the tag style (<style> Code </ style>)
# B-navbar {
height: 0px;
visibility: hidden;
display: none}
* Example in the template Minima
a: hover {
color: $ titlecolor;
text-decoration: underline;
}
a img {
border-width: 0;
}
/ * Header
-----------------------------------------------
* /
# B-navbar {
height: 0px;
visibility: hidden;
display: none}
# Header-wrapper {
width: 660px;
margin: 0 auto 10px;
border: 1px solid $ bordercolor;
}
Usually if you use the template output (in addition to the standard template blogger), navbar has been hidden or lost, but if it is not how the above can be an alternative. Hopefully helpful and good luck.
