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

Author: Amanda Kennedy

Amanda is a professional blogger and web designer living in Sheffield, United Kingdom.

In addition to curating Blogger Buster, you can find Amanda on Twitter, Facebook or add her to your circle on Google+.

Like to share?

You may also like to subscribe to Blogger Buster's RSS feed or receive free email updates of our latest posts.

101 comments:

  1. 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! ;)

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

    ReplyDelete
  3. terima kasih banyak atas triknya..

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

    the nav bar is still there

    tks

    ReplyDelete
  5. me to didn't work for me...

    ReplyDelete
  6. 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. :(

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

    ReplyDelete
  8. This comment has been removed by the author.

    ReplyDelete
  9. It didn't work for me, any updates?

    ReplyDelete
  10. Replies
    1. go to layout, click edit navbar and click off. the off is down

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

    ReplyDelete
  12. Thanks a lot. Works like a charm.

    ReplyDelete
  13. Thanks for the tutorial, it works for me!

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

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

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

    ReplyDelete
  16. This worked great! Thank you for sharing!

    http://casuallycorporate.blogspot.com/

    ReplyDelete
  17. 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

    ReplyDelete
  18. "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."

    ReplyDelete
  19. 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.

    ReplyDelete
  20. 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.

    ReplyDelete
  21. 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

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

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

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

    ReplyDelete
  25. 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 ?!

    ReplyDelete
  26. 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

    ReplyDelete
  27. Black Friday Apple Store
    Black Friday HP
    Black Friday HTC
    Black Friday Dell Laptops

    ReplyDelete
  28. This comment has been removed by the author.

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

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

    ReplyDelete
  31. 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.

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

    ReplyDelete
  33. 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.

    ReplyDelete
  34. 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;}

    ReplyDelete
  35. 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

    ReplyDelete
  36. Hey i just did this on my blogger blog an it worked like a charm, thanks

    ReplyDelete
  37. I want to say thank you to all authors of this blog. You guys do the
    best you can and it's all about us, the riders. This is awesome place
    to stay and read interesting stories.

    ReplyDelete
  38. This comment has been removed by the author.

    ReplyDelete
  39. This comment has been removed by the author.

    ReplyDelete
  40. brown leather jacket

    Well,OK.I have to say,what a wonderful blog it is.thank you for your sharing so good posts in the website.I like it very much

    ReplyDelete
  41. I truly appreciate this website content.Really awaiting research more. Much required.
    smallville high jacket

    ReplyDelete
  42. Please note that according to the term and condition of blogger.com, you’re not allowed to remove or disable the navbar from your blogspot template unless you host your blog under your own server. This tutorial is meant for those that host their blog outside of blogger.com, but the code does work for blogs hosted with blogger.com.

    ReplyDelete
  43. Your blog is grey leather jacket very informative..Good to see some useful points. leather jacket for men

    ReplyDelete
  44. Nice and easy trick to hide navbar using CSS. In Many custom template this already exists. Anyway, Thanks.

    Visit Shine Mat

    ReplyDelete
  45. This comment has been removed by the author.

    ReplyDelete
  46. London Asian Escorts is an Asian and Oriental escort agency operating in Central London. The agency provides escort service for a true gentlemen.

    ReplyDelete
  47. London escorts directory London Crumpet is created to expose Independent escorts and escort agencies in London. Everybody can post their advert on this directory for FREE.

    ReplyDelete
  48. thanks for the tutorial.. I just hide my navbar..

    ReplyDelete
  49. awesome, thanks, my blog looks so much cleaner now http://garderobeme.blogspot.co.uk/

    ReplyDelete
  50. Awesome Post, This blog is really very fantastic. ryan gosling drive clothing

    ReplyDelete
  51. Thank you, that was very very helpful.

    ReplyDelete
  52. thanks Amanda
    http://filehomes.blogspot.com/

    ReplyDelete
  53. Hi, Thank you write.
    to share is Ankara Escort thank you share.
    good site admin


    Ankara Escort
    Escort Ankara
    Ankara Escort

    ReplyDelete
  54. I use these when i am on the bed with my sex partner. They give me full of enjoy . I have so many escorts girls in london . So if you want then tell me .

    transexual escort agency

    ReplyDelete
  55. From what I can tell, the way to customize the appearance is to add the class prefix ".mobile " to additional style statements in order to customize the appearance in mobile browsers. Not had time to try it much yet, but will do my best over the holidays so I can write up a post.

    sex video
    asian sex tube
    free teen
    latin sex porn
    secret porn
    cute porn
    sexy teen
    cd porn
    hot porn tube
    sex video
    fac sex
    sex movies
    xxx videos
    teen sex
    porn movies
    porn videos
    search porn tube
    redtube
    red tube
    xnxx
    porno
    lesben porno

    ReplyDelete
  56. Easiest method is Go to Template>Customise>Advanced>Add CSS and paste the above code :)

    #navbar-iframe, #navbar, .navbar {height:0px; visibility:hidden; display:none; margin: 0 !important;}

    ReplyDelete
  57. LOlz simply go to layout page, click on navbar edit and turn it off :D Thnx

    ReplyDelete
  58. Check out Runway Escorts at- Las Vegas Escort Service

    ReplyDelete
  59. Its really nice post about hiding navbar using CSS.

    ReplyDelete
  60. What a funny blog! I actually enjoyed watching this funny video with my family unit as well as with my friends.

    ReplyDelete
  61. thank you very much for sharing very simple trick.... awesome!

    ReplyDelete
  62. Thank you so much. You have explained it very well.
    Bloggerjin Tutorials

    ReplyDelete
  63. Clients who look for girl companions at our agency are always enjoyed by independent escorts in Delhi so for more information please visit on.
    http://www.delhincrescortgirl.com/mumbai-escorts.html

    ReplyDelete
  64. Thanks for the update. I really appreciate the efforts you have made for this blog.

    ReplyDelete
  65. Absolutely wonderful post i really appreciate it. If you are in the Central London area looking for London escorts, these ladies are available anytime.

    ReplyDelete
  66. Wow thank you this is just what I have been looking for - great work please check my post!!!!

    Buy Research Papers

    ReplyDelete
  67. Wow thank you this is just what I have been looking for great work plz chek my blog

    Custom Essay

    ReplyDelete
  68. It’s really a great post. I am sure that anyone would like to visit it again and again. After reading this post I got some very unique information. London Escort Busty London escort 24/7 with beautiful london escorts at PalaceVIP. We are the leading escorts London agency, providing world class booking services. Call:0750 8580 736.

    ReplyDelete
  69. Welcome to London’s Leading Ladies Escort Agency, here at this agency we recruit only the creme de la creme hence the name… We only welcome ladies that are discreet, stunning, extremely friendly and of course that enjoy entertaining gentlemen. We are a boutique agency that takes pride in being able to match you with a perfect entertainer whether that be for a naughty hour or two to brighten up your day or perhaps you seek a perfect holiday companion to enjoy some relaxation time with? Here at London’s Leading Ladies Escort Agency rest assured all your needs will be met in a friendly and efficient manner. All ladies have been interviewed and i can confirm that their pictures are both recent and accurate.
    London’s Leading Ladies | High Class Escorts in London UK | Escorts in London UK | Dubai NewYork Escorts London UK | Hookers London UK | Prostitutes in London UK |

    ReplyDelete
  70. good work thanks for sharing this great London Escorts Post

    ReplyDelete
  71. Definitely amazing publish i really appreciate it. If you are in the Main London, uk place looking for London, uk companions, these women are available at any time.

    ReplyDelete
  72. Fabulous article writing. Your article delivers varied passion therefore I bookmarked this science system for future visit that i hope can get a current content from your post and every one content unit progressing to be pleasant to scan with some new things.
    web development dubai
    dubai web design

    ReplyDelete
  73. Recently, I didn’t give lots of consideration to leaving suggestions on weblog webpage posts and have positioned feedback even a lot less.

    best seo company in bangalore

    seo companies in bangalore

    ReplyDelete

Great! You've decided to leave a comment! Please bear in mind that comments are often moderated and that rel="nofollow" is in use and spammy comments will be deleted. Let's have a meaningful conversation instead. Thanks for stopping by!

Advertise on Blogger Buster

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:

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