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!

Happy blogging!

Do NOT follow this link or you will be banned from the site!

Pin It on Pinterest

Share This