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
 

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

:)) ;)) ;;) :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[.]Seeking4Hosting[.]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