September 22, 2008

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
 

12 comments:

sohit bhardwaj said...

awesome

Shesten said...

This is super useful! Thanks so much!

InfiniteWebProfit said...

This tip is very helpful for all blogging noobs.

egay said...

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

Divya Sai said...

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

Stephanie said...

Love it! Thank you!

John said...

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 in UAE said...

awesome!!! thanks!!!!

Froggy said...

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 said...

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 said...

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!

blog help said...

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

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

comment on this post Share Your Views

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

Join and share your views with other bloggers at BloggerStop Community

Comment Like This! and Optimize your blog...

SPAMMER OF THE MONTH: www[.]MensItaly[.]com

Next Post Homepage Previous Post

Regular Readers


What They Say...

Divya Sai is the ingenious webmaster of Bloggerstop.Net. Divya is extremely patient, knowledgeable and responsive... Bloggerstop.net has an abundance of articles on creating widgets, templates, hacks and ways to make your blog search engine friendly.
- Stacey @Pets With Allergies
I stumbled onto a great site. Sai, over at Bloggerstop.net has helped me tremendously and with great patience...for any and all questions regarding computer issues. And again, THANK YOU Sai.
- Cheryl @Cmash Loves To Read

More Here...

Popular Posts

Get this widget

| © 2010 BloggerStop.net | Blogger Widgets | Template by Dicas Blogger | Enhanced By Divya Sai | Privacy Policy