49 How to hide the Blogger Navbar - Updated for 2010 (Quick Tip)
October 06, 2010 /

With all the changes to Blogger's template system, it seems no wonder that my original tutorial for hiding the Blogger nav-bar no longer works effectively (particularly for newer template designs).

In case you were wondering, it is possible to hide the Blogger nav-bar (which displays a search box and useful links). The principle is the same as in my previous tutorial in that we simply need to add a few lines of CSS to our Blogger template code.

Here's how my updated technique to hide the Blogger nav-bar in a few simple steps:

  1. Go to Design>Edit HTML in your Blogger dashboard
  2. Using your browser's search function, locate the closing </b:skin> tag in your template's HTML markup.
  3. Immediately before this line, paste the following section of code:

    #navbar-iframe, #navbar, .navbar {height:0px; visibility:hidden; display:none; margin: 0 !important;}
  4. Preview the changes to ensure everything looks the way it should, then click "Save".
That's all there is to it!

Is it okay to hide the Blogger Nav-Bar?

I'm pretty sure the Blogger Team won't mind if you choose to hide the Blogger Nav-Bar (since my previous tutorial was linked to on this official FAQ page).

However, I must point out that in hiding the nav-bar, you will lose access to some functions from within your site, such as the ability to access admin-pages and the random "Next Blog" links.

Don't forget that you could choose to alter the nav-bar colour and transparency through the Design>Page Elements section of your dashboard if you'd prefer not to hide it altogether!

49 Comments:

7 October 2010 11:08 Manchester United Tech | Berita Sepak Bola said...

wow, i like it
very simple
thx for share..

8 October 2010 06:10 Hot Gym Girl said...

Thanks for the update. I haven't had problems hiding the navbar still, but some of the new changes Blogger made to editing templates are driving me crazy!
The new templates, while pretty, are very limited when it comes to trying to trick them out. The new system really sucks! I prefer to get a third party template and hack it the way I used to. Why oh why did Blogger decide to fix what was not broken??

Okay, my rant is over! Glad to see that you're still out here posting good hacks for Blogger blogs! ;)

8 October 2010 09:11 GAMES DIDI said...

very nice ! i will use it for my blog ,Thanks

8 October 2010 23:12 Junior said...

terima kasih banyak atas triknya..

10 October 2010 05:34 Douglas C. R. Paes said...

this tip didn't work for me
take a look at my blog
http://hotwheelsaddiction.blogspot.com

the nav bar is still there

tks

10 October 2010 19:25
Anand said...

me to didn't work for me...

12 October 2010 10:11 Vicky said...

Ain't working for me either. I'm using one almost default template from Template designer. Added your code. It didn't hide the navbar.

The earlier hack removes the navbar but instead a white bar remains. :(

14 October 2010 22:34 filokalos said...

it doesn't work with picture window template from the template designer

19 October 2010 07:39 filokalos said...
This comment has been removed by the author.
20 October 2010 07:45 Reza Winandar said...

It didn't work for me, any updates?

15 November 2010 13:20 Cheap Android said...

It works! thanks a lot...

16 November 2010 12:17 Vicky said...

Still it didn't work completely. The navbar is not displayed but instead a white bar of same dimension takes its place.

17 November 2010 09:27 Björn Scheppler said...

Thanks a lot. Works like a charm.

27 November 2010 00:31 Reza Winandar said...

Thanks for the tutorial, it works for me!

19 January 2011 06:32 Suardi said...

Nice info, it's work for me very well :))

http://bang-su.blogspot.com/

8 May 2011 17:25 Michael Rivera said...

Worked at http://smashingmike.blogspot.com/
This is awesome!

30 July 2011 16:48 bhavesh k chondagar said...

Thanks,
It worked for me on my blog @ E-howportal.

7 August 2011 14:06 Ivie said...

This worked great! Thank you for sharing!

http://casuallycorporate.blogspot.com/

20 September 2011 18:42 Dave said...

The author has written an excellent article. You have made your point and there is not much to argue about. It is like the following universal truth that you can not argue with: No truth is universal, everything has its exception. Thanks for the info penis enlargement penis enlargement pills VigRX Plus

28 September 2011 08:50 tim viec nhanh said...

"I haven't blogged here in a while because I'm not working directly for dashboard company anymore and I'm in the process of moving to a personal blog, but since I still have this site, I thought I'd mention a cool product I saw a demo of tonight. It's called Dash from Five Runs in Austin. Out of the box, it's a really nice tool for instrumenting your Ruby on Rails applications but they've made it extensible and language-agnostic so that other languages can work seamlessly. Even more, they plan to allow you to use their product as a source to store metrics so you can access them and display them any way you want. For example, you could upload supply chain tim viec nhanh events (order received, order shipped, etc) and use their tool to overlay graphs to show differences between DCs or correlations that might help with analyzing problems."

6 October 2011 15:40 destin florida said...

I think it's okay to hide the navbar especially when the colors doesn't really fit the customized template. I've tried using this but it didn't work for me. The navbar is not there anymore but I am seeing a white box that is shaped like the navbar that I removed. I'm wondering why.

11 October 2011 19:47 natural pet food said...

I was delighted to find this web site.I wanted to thank you for your time reading this wonderful! I really enjoyed every bit of it and I've marked to ensure that the blog post something new.

21 October 2011 05:17 may loc nuoc said...

At the conclusionary of the transaction tax the card balance is updated and displayed friends on facebook on the terminal. The card is then ejected black hole from the terminal degree ending the transaction realty don't be afraid of the dark trailer forget to take your card with you! Please don't idle your vehicle!.This is was past tense my may loc nuoc

1 November 2011 19:19 waqas usmani said...

it works but leaves a blank space behind in place of navbar

4 November 2011 20:45 dyal said...

. . it works really. . Thanks admin for such an awesome post. .

9 November 2011 15:57 sex shop said...

Sen arada sirada ugra bana escort bayan bul diye agla bana
escort buluncada zipla bana oyuna gelme aman aman aman escort istanbul

26 November 2011 22:09 Selo Banya info portal said...

Well this code is working on 2012 Vanga blog but it is not working ot Vangakazva. Some time ago I,ve used it on Selo Banya blog and it is OK ?!

21 December 2011 03:53 cong ty du lich said...

I was delighted to find this web site.I wanted to thank you for your time reading this wonderful! I really enjoyed every bit of it and I've marked to ensure that the blog post something new

21 December 2011 03:57 ao cuoi said...

Black Friday Apple Store
Black Friday HP
Black Friday HTC
Black Friday Dell Laptops

21 December 2011 16:06 Eko Noeg said...
This comment has been removed by the author.
21 December 2011 16:09 Eko Noeg said...

thanks i'll try it on my blog
hide blogger navbar

5 January 2012 21:43 Pattaya hotels in Thailand said...

Hey thanks a lot for shearing. This is very helpful.

12 January 2012 13:28 araç kiralama said...

public lectures and events featuring world renowned figures since January 2012. You can listen to them or download them here

14 January 2012 18:30 Windows Instalation free said...

Thank you for good advice. That was very helpful to me. Did a great job. Well I'm good with seo marketing but not with blogger navbar.

16 January 2012 22:11 Baba Vanga said...

This is the one I need it. Thank yuo guys. I'm going to use it for search engine optimization service to my site.

27 January 2012 16:38
Anonymous said...

Hi there!

I've got my own design of a Facebook logo and a Twitter 'Follow Me' Button that I'd like to add to my blog which is hosted on Blogger.

Ideally I'd like to add it just above the twitter feed on my blog, which I added using the 'add a gadget' function. Do you know of any way that this is possible, as I've been struggling for two days now to get it done.

1 February 2012 19:28 Jake Roeder said...

It would appear there's a much easier way to do this by going into the Advanced section and editing the CSS with the following:

.navbar {visibility: hidden;}

4 February 2012 09:14 uggs boots said...

uggs boots Oh? Me? Official or private business? Kai asked. TYbhLQ

uggs boots australia Comrades. Brush, and red with all the officers and men are

uggs boots Hiding, not different day hospice,

uggs boots outlet Zhong pressing back, was Huaxiong leash, cut from his horse, captured the school very much. Ji Bao Zhong Hua Xiong Qian Ren heads to Xiangfu good news, www.hotbootsshop.com

Post a Comment

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

Blog Archive

© Blogger Buster 2010 Home | About | Contact | Hire Me