navbar1b.jpg

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!

Related Posts with Thumbnails

Related Posts

  1. Recent Posts Widget for Blogger
  2. Recent Comments Widget For Private Blogger Blogs
  3. Headlines Widget for Blogger Blogs
  4. Recent Posts Widget with Thumbnails (for Blogger)
  5. Recent Posts Widget for Blogger (v2)