← Blogroll Page Plugin: Publish your blogroll to an individual page

Thanx! →

How to remove or hide Blogger Navbar

January 15th, 2008 | Blogging Tools & Resources

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!

What's next?

Enjoy this post?...
Digg! Digg it. Would ya? Thanks!

5 comments ↓

#1 Darren on 01.17.08 at 12:48 pm

Brilliant - it took a bit of trial and error, but it eventually worked!

MyAvatars 0.2
#2 mayasuen on 01.20.08 at 3:27 am

Just dedicated an award to you. Check out my site

MyAvatars 0.2
#3 Rhonda on 01.30.08 at 12:00 am

I don’t think I read here if it’s possible to change the color — apparently blogger only has 4 to choose from. Regardless, I’m getting a new look and mine will match the new colors anyway. I’m just say’n. New name and avatar too, just so you know and don’t run away when you come back. And, I did correct your URL on my blogroll ;) Happy night 2u and gr8 post.

MyAvatars 0.2
#4 Mad Tom on 01.30.08 at 9:26 am

Thanks, Rhonda! :)

MyAvatars 0.2
#5 Patty on 07.19.08 at 7:10 pm

Thanks for the great tips!

MyAvatars 0.2

Leave a Comment

© 2008 MadTomatoE.come