Searching...
Sunday 6 October 2013
Home » Blogger Tricks » How to remove or hide Navigation Bar (navbar) in Blogger

How to remove or hide Navigation Bar (navbar) in Blogger

Sunday, October 06, 2013
The navbar (navigation bar) is the horizontal bar located at the top of your page. If you think it doesn’t match your blog’s design, or if you need that extra space for your banner — you can remove it to suit your needs.
Here’s how:
1. Go to your Dashboard > Layout
2. under Template tab, click Edit HTML to edit template
3. Just add the piece of code below somewhere between the <head> and </head> tags of your blog’s template…
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;}
…like this:
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[
/*-----------------------------------------------
Blogger Template Style
Name:     Minima Black
Designer: Douglas Bowman
URL:      www.stopdesign.com
Updated by: Blogger Team
----------------------------------------------- */

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;}
4. Click SAVE TEMPLATE.

Not sure about the <head> </head> tags?…

Here’s another way. Just look for the piece of code that looks something like this:
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small “Trebuchet MS”, Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
…and place the code just above it like this:
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;}
body {
background:$bgcolor;
margin:0;
color:$textcolor;
font: x-small “Trebuchet MS”, Trebuchet, Verdana, Sans-serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
Click SAVE TEMPLATE. And that’s it!
Posted by at Sunday, October 06, 2013
Labels:
Share This:

0 comments:

Post a Comment

Subscribe to: Post Comments (Atom)