How to get rid of the Blogger navigation bar?

>> Browse templatesMoney tips47 comments


Here's a snapshot of a Blogger blog and the navigation bar (navbar) is at the top shown by the green arrow.

So, how do you get rid of it if you don't want it hanging on top of your blog? If you want to turn it on instead of off, read the section at the end of the post.

To Turn Off the Blogger Navigation Bar
Just copy the Navbar1 code below and paste it anywhere inside your blog XML file as a CSS code after the /* Variable definitions section. If you're not sure what this means, follow these steps:

#Navbar1 {
margin: 0;
padding: 0;
display: none;
visibility: hidden;
}

1. Login to your blog and click the Edit HTML tab inside the Template tab.
2. Inside the file, locate the section body { ..... } and paste the Navbar1 code below this section, after the closing bracket.
3. Click 'SAVE TEMPLATE'.
4. That's it. You're done.

************************

It's easy to get rid of it. But know that the Navbar serves some purposes. The most valuable purpose for you is that it helps other Bloggers stumble upon your blog when they click the NEXT button on the Navbar searching for other blogs randomly. Not to mention that it's easy go to the login page if you have the Navbar on; otherwise, you have to open up the Blogger login page to login.

So, you decide which is the best for you. To have it on or off?

Update: How to turn on the Blogger navigation bar?
If you're using my templates, most of them don't have the Blogger navigation bar. But, if, you'd like to turn it on, simply look for the following code and delete the code in red.

#Navbar1 {
margin: 0;
padding: 0;
display: none;
visibility: hidden;
}

47 comments:

Antony January 29, 2008 6:51 am  

Its simply working. thanks

khaerul February 14, 2008 4:23 am  

hi dzulque, i've tried to hide my navbar but , but i still had trouble to put the code ,
my blog http://armmoney.blogspot.com

Jean Mounier March 04, 2008 1:07 am  

Thank you! I tried several methods I saw on the net and none worked, until I found yours. It works perfectly at my blog http://blogatation.blogspot.com/

Thanks again.

Gayl June 22, 2008 11:26 pm  

This was a great tip! I am wondering how to get the Edit icon back for the posts. I can't seem to figure out where that code is (or isn't)

Thanks for the wonderful photoblog templates.

bunty July 21, 2008 1:59 pm  

thanks its works for my onlinemovies4me.blogspot.com i was searching form long time for this code..thanks once again

Chen Art Studio September 03, 2008 8:05 am  

Your templates are awesome! They are simply beautiful. I like them very much. I have changed the templates of my 3 blogs to yours. However, I noticed most of your templates do not have the navigation bar. Please teach me how to show it in my blog so that I can edit my blog easily.

OBT September 04, 2008 4:20 pm  

Chen, see this:
http://www.ourblogtemplates.com/2008/01/how-to-get-rid-of-blogger-navigation.html

debi September 21, 2008 10:10 pm  

Thank you thank you!!!!
You are the best. Love your templates and how easy you make it to instal.
Marvelous simply marvelous.

Rafiq Raja September 29, 2008 4:19 am  

That worked perfectly well, for my blog. Thanks for the wonderful Note.

Srini October 25, 2008 1:50 pm  

so simple trick?
Thanks,
Srini.
http://reddy-sri.blogspot.com/

Tupperware November 10, 2008 2:09 am  

Hi OBT, tried to turn on navigation bar but unable to save template. This message appears "more than one widget was found with id:LinkList 1. Widget IDs should be unique." Please help. Thanks.

Tupperware November 10, 2008 10:09 am  

Hi OBT, I finally managed to resolve the error. I deleted 1 from LinkList1 and it worked..hehe! The professional template is simply awesome.

KingDestroyer January 01, 2009 11:39 am  

Thanks worked like a charm.

tikoim March 24, 2009 12:08 am  

Thank you. Easy and quick.

I just pasted it in above 'body{}' - inside it didn't work - but whatever perfect tip - thanks

Thane Silliker March 29, 2009 6:49 am  

Worked perfectly. Thanks!

Daryl Saari April 19, 2009 10:56 pm  

Since i changed it, it now works great for me now.

Christopher J May 23, 2009 4:15 pm  

Thanks it worked great
Check out the results!

www.subsidizingfailure.org

Nevskaya Palitra-Hammond OÜ June 29, 2009 1:39 am  

Great!Thanks a lot!

Bill Miracle January 18, 2010 2:32 am  

How do I get to the "edit html" template if the nave bar is missing and the "customize" link is not there?
I cannot edit the page or post new posts. Help!
prayforphilippines.blogspot.com

Jeremy February 02, 2010 9:43 am  

it worked!
http://www.burnlikestars.blogspot.com

Debbie "Takara" Shelor February 28, 2010 8:34 am  

Thank you soooooooooooo much for helping me out with this! I really appreciate how easy the blogger software is to use. But I'm hosting my own blog and I seriously don't want people to push the stupid "next blog" button. So thanks again.

Deb
http://www.debbieshelor.com

kingmp April 27, 2010 3:25 pm  

thank you for the great info I was trying every thing and then when I find you it work perfect keep up the good work

(e June 04, 2010 4:52 pm  

Awesome! Thank you so much! So simple.

(e

SilverlakeKid August 20, 2010 3:37 pm  

Hi, Its not working for me. Is it because blogger has updated recently?

help!

Thanks =)

Justice August 20, 2010 6:25 pm  

Works perfectly. thank you very much.

Adrián Boutureira December 13, 2010 9:44 am  

great! Thanks!

Adrián Boutureira December 13, 2010 9:50 am  

can a sign in and sign out button be added now?

John January 22, 2011 3:41 am  

wow it help me improve my blog

teens do this - watch tv series

S J Flowers February 13, 2011 7:02 pm  

I did this and my blog disapeared!

Emily Munday March 06, 2011 6:36 pm  

Thank you so much! Your directions were straightforward and made getting rid of the navbar easy. I was successful on my first attempt : )

http://thesalivatingseattleite.blogspot.com/

Grassroots Gamemaster, March 08, 2011 7:39 am  

I tried this, but how do you get to the backend of your blog now?

Grassroots Gamemaster, March 08, 2011 7:44 am  

I just found out how to edit: Just go to blogger.com and log in using your gmail account. Then you can edit the backend from there.

BenJoBubble March 19, 2011 10:06 pm  

Worked beautifully. Thanks!

Angela Smith June 11, 2011 2:06 pm  

Thanks your awesome!
Angie

Maegan June 12, 2011 5:28 pm  

works perfectly. couldn't be easier.
page looks so much better without it!
thx man

(e July 09, 2011 10:26 am  

So easy! Works great. Thank you! I think it looks more like a website without the bar.

Thanks,

(e

www.ehwhathuh.com

Filipina Az November 04, 2011 12:59 pm  

This is Awesome!

As a newbie I have a lot to learn.
Thanks, I love the way my blog looks now.

CikGu KeCiL November 24, 2011 3:20 am  

really,really wants to thank u! its working! :)

Elizabeth O. Dulemba November 26, 2011 11:18 am  
This comment has been removed by the author.
Elizabeth O. Dulemba November 26, 2011 11:20 am  

I used to have similar coding in my template that did the job until a few days ago. I don't know why it stopped working. (It was:
#b-navbar { height:0px; visibility:hidden }
body { position: relative; top: -32px; } )
Your coding works great, however, the content of my blog is showing up about 32 pixels below the top of the screen. In other words, while the bar is invisible, the space it occupied still shows. I've fiddled with the coding (removing the old, putting that -32px in the new, etc.) but nothing seems to work. Help? Thanks! e

Piotr Górecki January 27, 2012 6:38 am  

http://www.bookowo.pl/
best site about ultrabooks

Onyx Ministry March 02, 2012 8:16 pm  

This worked well for us. Thanks

Angela May 24, 2012 12:45 pm  

Thanks so much!
Angela @ AJ Arndt Books Blog

cmpgrpblogger May 31, 2012 7:20 am  

works great!

Jonnie Sack October 13, 2012 5:05 pm  

that DOES not work.

Mustafa kuş May 27, 2013 3:47 pm  

I visit this site regularly and I love reading blogs posted here. I have this site already bookmarked in my browser. Thanks for this post. sohbet sohbet sohbet chat odaları mynet sohbet sohbet odaları chat,chat odaları,chat,sohbet odaları,sohbet,chat,chat odaları,sohbet,sohbetodaları,sohbet odası,kızlarla sohbet,kızsohbet,sohbet,sohbet odaları,chat,chat odaları,chat,chat odaları,mynet chat,mynet,mynet sohbet,sohbet,sohbet odaları,chat,chat odaları,chat,turkcafe,hollanda chat,almanya chat,belçika chat,isviçre chat,turkcafe,turkcafe sohbet,turk chat,fransa chat,Rotterdam chat,Amsterdam chat,Utrecht chat,Denhaag chat,chat odaları,






sextoy terbaru October 30, 2014 4:02 pm  

greetings all. I was glad to get the content one of them that I see this, and I can not reply to what I can right it with anything other than a thank you. And various info here.
Alat onani
Alat masturbasi wanita
Alat bantu hubungan sex
Alat bantu sex wanita
Alat bantu sex wanita terbaru
Penis silikon
Alat bantu sex Buat Wanita
Penis silikon getar goyang
Alat bantu sex Untuk wanita