How to get rid of the Blogger navigation bar?

>> Browse templatesMoney tips51 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;
}

51 comments:

Antony January 29, 2008 6:51 am  

Its simply working. thanks

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

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

Unknown 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

Four Seasons Gallery 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

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

Anonymous January 01, 2009 11:39 am  

Thanks worked like a charm.

Heiko 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

NPH 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

Takara 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

Silverlakian August 20, 2010 3:37 pm  

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

help!

Thanks =)

Supressed Name 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?

Anonymous 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!

Unknown 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

Aurora's Vlog 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.

Qaireen Nuha 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

Unknown January 27, 2012 6:38 am  

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

Unknown 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 Andersen October 13, 2012 5:05 pm  

that DOES not work.

Alat Bantu Romantis Warga pria wanita 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

Tatai October 04, 2018 1:50 am  

STEP 2: GET A DOMAIN & WEB HOSTING
STEP 1: Go Bluehost.com. ...
STEP 2: Choose Website Hosting Plan. ...
STEP 3: Pick a Domain Name. ...
STEP 4: Fill In Your Details. ...
STEP 5: Check Your “Package Information” and Finish Registration. ...
STEP 6: Create Your Password.
blog making

Unknown November 24, 2018 2:50 pm  

Mengulas Mitos soal Obat kuat viagra, Jual Viagra asli usa, seringkali membuat orang ‘ogah’ menggunakan pil biru tersebut.

Apa itu viagra adalah salah satu merek dagang untuk obat dengan kandungan sildenafil Tentang viagra.

Viagra pfizer Obat ini digunakan untuk menangani disfungsi ereksi alias impotensi. Obat ini bekerja dengan menghambat enzim phosphodiesterase-5 (PDE5), sehingga membuat otot polos di pembuluh darah penis dan paru-paru menjadi kendur dan meningkatkan aliran darah Mengobati Impotensi dan Testimoni viagra.

Nah,Jual viagra tentu saja tak semua kabar buruk soal dampak buruk Viagra itu benar Efek samping viagra.
Laman Cleveland Clinic, merangkum penjelasan ahli urologi Drogo Montague Manfaat dan khasiat viagra yang meluruskan beberapa mitos tentang pil ini.

Mitos 1: Jual obat viagra buruk untuk kesehatan jantung Montague memastikan mengasup Viagra akan baik-baik saja, selama tidak mengonsumsinya setelah mengasup obat golongan nitrat untuk kesehatan jantung.

Semula, Obat viagra dimaksudkan untuk mengobati angina (nyeri dada), namun di sisi lain memiliki efek samping ereksi lebih keras.

“Ini (Viagra asli) adalah obat yang tidak hanya mengobati angina dan baik untuk jantung, juga berfungsi pada penis saat obat lain tidak berfungsi serupa,” kata dia. Seperti nitrat, Viagra pun membantu melebarkan pembuluh darah yang dikonstriksi oleh penyakit arteri koroner, pun menurunkan tekanan darah Efek samping vmenplus.

Jika kamu meminum dua obat secara bersama, tekanan darah bisa turun terlalu rendah, sehingga membuat berisiko terkena serangan jantung. Baca juga: Tak Hanya Sebagai Obat Kuat, Viagra Berpotensi Cegah Kanker Cara Mengobati ejakulasi dini.

Mitos 2: Viagra asli usa dapat merusak mata Viagra tidak akan memiliki efek buruk pada mata selama tidak mengambil dosis berlebih—seperti 100 mg.

Bahan kimia dalam Jual obat kuat viagra dapat secara temporer mengubah bagaimana cahaya menerpa mata, di mana penglihatan mata menjadi biru.

Efek samping Viagra pfizer ini dapat terjadi jika dosis yang diasup lebih tinggi, tetapi itu jarang terjadi,” kata Montague. “Tidak ada dampak buruk pada mata, tetapi para pilot tidak dapat mengasup karena masalah soal warna.

sardaar Jan April 10, 2020 11:28 am  

I can say that you are just amazing and fabulous content writer. I salute you. Check out similar content at: Happy Birthday My Dear Niece

You are a rockstar for me.

Nathalie May 23, 2022 9:58 am  

Thank you so much for the information. Keep on posting. website

AlexWhite September 27, 2023 1:03 am  

We ensure a simple procedure for 400 Loan people who want to apply online for a 1 hour unemployment payday loans. The procedure is relatively simpler than with any other company.