Blogger Help - How to Hide/Remove Navbar

Follow these simple steps to completely hide the navbar in your blog :

1. Log into your Blogger account.
2. Select the Layout/Design tab (from your dashboard).
3. Go to Edit HTML section.
4. Under the Edit Template Box, 'copy and paste' the code from the green region below, exactly between the gray region (which will be already there in your blog) !

...
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */
#navbar-iframe {
   display: none !important;
}
/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#333" value="#333333">
   ...


It will look like this now :



So open and see a Navbar free blog !

You can read more blogger tricks and tips HERE
 

ProBlogger - Inspiring Others Realize Their Dreams!

Share this

Related Products

Related Posts

Previous
Next Post »

12 comments

Write comments
March 21, 2009 4:19 PM delete

This is super useful! Thanks so much!

Reply
avatar
March 23, 2009 10:18 PM delete

This tip is very helpful for all blogging noobs.

Reply
avatar
April 18, 2009 2:43 AM delete

it won't work in my blog.Is there another way?

Reply
avatar
April 18, 2009 4:49 AM delete

Hi Egay !

I just visited all 3 of your blogs, and found all of them without the navbar, so I guess you have done everything right. In case of any doubts, feel free to comment here...

Regards
Sai

Reply
avatar
January 25, 2010 5:18 AM delete

Hi, I got rid of nav-bar but now there is a background on top. How to get rid of that?

Test Site: http://safdfdsag.blogspot.com/
Code:http://www.ziddu.com/download/7198665/ZionnZenverseMagazineTemplate.zip.html

Reply
avatar
May 13, 2010 10:26 PM delete

Okay, I got rid of my Navbar...awesome. Thanks. Now how the heck do I get back to my dashboard???

Pls. help! Darwinsfrg AT hotmail DOT com

Reply
avatar
June 17, 2010 12:13 AM delete

I followed your instructions to hide or remove the Blogger Navbar from the top of a Blogspot page I wanted to look like a website page rather than a 'blog' . . . and it worked like a charm!
If anybody wants to check out what I've done >>>
http://www.successnetstory.com
PS I also own the domain above and simply have it 'forward' to my Blogspot URL.

Reply
avatar
February 21, 2011 4:03 AM delete

it is just recently that i knew that it’s possible to remove this navbar, my blogs were just bad and so, for long time. In my opinion it’s always a better option to remove the blogger navbar because when it’s not done, the blog just looks like a novice blog. Thanks so much for the trick! Wow! This tip will grow my traffic by 200%, many people really ignore this tip. I thank you so much guy!

Reply
avatar
December 23, 2011 11:19 AM delete

thanks for sharing this, I had two bars on my site and need to get rid of one.

Reply
avatar

Comments are moderated on this blog

Allowed HTML tags: <b>, <i> and <a>

Comment Like This! and Optimize your blog EmoticonEmoticon