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 :

Blogger Help - How to Hide/Remove Navbar

So open and see a Navbar free blog !

You can read more blogger tricks and tips HERE
 

Leave a Reply

12 Comments on "Blogger Help – How to Hide/Remove Navbar"

Notify of
avatar
Sort by:   newest | oldest | most voted
sohit bhardwaj
Guest

awesome

View Comment
Shesten
Guest

This is super useful! Thanks so much!

View Comment
InfiniteWebProfit
Guest

This tip is very helpful for all blogging noobs.

View Comment
egay
Guest

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

View Comment
Divya Sai
Guest

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

View Comment
Stephanie
Guest

Love it! Thank you!

View Comment
John
Guest

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

View Comment
Texan in UAE
Guest

awesome!!! thanks!!!!

View Comment
Froggy
Guest

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

View Comment
Michael Searles
Guest

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.

View Comment
Offres d'emploi au Cameroun
Guest

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!

View Comment
blog help
Guest

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

View Comment
wpDiscuz