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

Blog Admin : Divya Sai

ProBlogger - Inspiring Others Realize Their Dreams!

10 comments

Write comments

Unknown

March 21, 2009 4:19 PM delete

This is super useful! Thanks so much!

Anonymous

March 23, 2009 10:18 PM delete

This tip is very helpful for all blogging noobs.

Divya Sai

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

January 10, 2010 8:04 PM delete

Love it! Thank you!

John

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

Texan after UAE

February 01, 2010 5:46 AM delete

awesome!!! thanks!!!!

Froggy

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

Michael Searles

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.

Offres d'emploi au Cameroun

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!