How to remove your New Blogger Navigation Bar

If you have ever had a blog on Blogger you would have realized that it is very easy to setup, it’s very user-friendly and one more thing, they are self obsessed!

If you setup a free Blogger Blog apart from the yourname.BLOGSPOT.com ‘advertisement’, the default Favicon is the Blogger logo (find out how to change your Blogger Favicon) and the other bar right at the top of the blog with its icon and the Blogger logo.

This blog used to be on Blogger and the NavBar was not among the reasons why I moved to WordPress, because I never had it on my Blogger blog on the first place, removing it is a walk in the park!

Well, here I will show you how to remove the annoying NavBar, don’t worry about breaking their TOS because it does not state anywhere in the terms that it is a violation.

All you have to do is open the template code (Dashboard > Layout > Edit HTML and paste the following code on the template:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}


Save the settings and reload your web page and your Navigation Bar should have vanished!

People who read this post also read:

  1. How to Change your Blogger Favicon
  2. Display HTML in Blogger Posts
  3. How to change your WordPress Favicon
  4. How to display recent posts in Blogger
  5. Blogger To WordPress Part 1 – Keeping it simple

Computer Realm on Facebook

Please Share The Post If You Liked It:

http://www.computer-realm.net/wp-content/plugins/sociofluid/images/digg_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/reddit_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/stumbleupon_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/delicious_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/technorati_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/google_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/facebook_48.png http://www.computer-realm.net/wp-content/plugins/sociofluid/images/twitter_48.png
Discuss this in the Computer Realm Forums new!

  Subscribe for future updates for free by RSS or Email
 

Follow me on Twitter

Leave a comment below and get CommentLuv

Found a typo, dead link or dead image above? Please leave a comment or contact me.

About The Author

Luqmaan is a Software Developer and the main writer behind Computer Realm.

Latest Forum Posts

33 Comments so far
  1. Paul Krenz March 9, 2008 10:16 am

    Thanks for the tip. My navigation bar is now gone.

    I have a question though: how can I customize/edit my page, now that the navigation bar is gone? :-(

    Please help, thanks. I appreciate it.

    Paul

    Reply

  2. luq March 9, 2008 11:06 pm

    i am not sure i know where you are getting at, are you talking about editing fonts, header,color,etc?? then goto Dashboard>layout>fonts and colors

    or if you want to edit elements on your template goto dashboard>layout>page elements where you can add text,html and a lot more to your template.

    Or are you talking about accessing your dashboard to customize your blog? then you’ll have to visit it via blogger.com/home, one drawback of removing the navbar,but i guess if you bookmark the page it should be alright.

    Reply

  3. John March 17, 2008 2:03 am

    Great site and useful content! Could you leave some opinion about my sites?

    Reply

  4. Dr.Internet April 9, 2008 2:09 pm

    Keep posting tips!

    Dr.Internet’s last blog post..Relax Time? Play billiard online!

    Reply

  5. Howard April 18, 2008 3:28 pm

    Great tip. But I want to know how you got that side bar wide enough to insert the adbrite code on this wordpress blog? Is it just a matter of me picking the right theme or will i need to know coding?

    Howard’s last blog post..Affiliate Marketing Writing Tips

    Reply

  6. Tabitha April 18, 2008 8:41 pm

    Thanks you so much for the tip! I have been wanting to get rid of that thing for some time now. You rock!!!

    Tabitha’s last blog post..An Online Wedding Magazine Like No Other

    Reply

  7. luq April 18, 2008 11:27 pm

    Its a matter of getting the right theme, you can also modify any other theme that already available to place ad code on your site properly but you’ll need to know a bit of coding for it. I recommend this theme as well (link in footer), its the perfect theme for me atleast.

    Reply

  8. numniffurosse May 15, 2008 11:54 pm

    Hello my friends :)
    ;)

    Reply

  9. Captain Tiki June 3, 2008 8:53 am

    I nuked my navbar and put on a favicon I created. Both items had been bugging me. Thanks for the great info.

    Captain Tiki’s last blog post..Poor Dimmie

    Reply

      luq reply on June 4th, 2008 3:42 pm:

    more than glad to help!..thanks for the comment!

    Reply

  10. Spielautomaten August 11, 2008 2:12 pm

    I have been trying for long to remove the navigation bar, but could no succeed.As you have provided really wonderful information about the removal of the bar, now i found it’s very simple.

    Reply

  11. Marc August 27, 2008 11:47 pm

    I removed it from my personal blog over a year ago and havent hear anything about it yet from Google or Blogger. But i still have my fingers crossed. They should have a freaking option for this. We should not be forced to have this on our sites. We are creating soo much content for these guys they should be sending us gifts.

    Reply

      luq reply on August 28th, 2008 12:55 pm:

    yeah i think the ‘.blogspot’ is enough self promotion i guess..

    Reply

      heman reply on October 23rd, 2008 6:58 pm:

    Well, at least they don’t take your revenue. I have seen few free blog services which take 50% of earnings.

    Reply

  12. Jen October 5, 2008 10:38 pm

    it ain’t workin for me!!! where in the template do I paste it??

    Reply

  13. DrewG November 26, 2008 1:54 am

    I help run a blog that was started with Blogger, ut now we have our own address (ie removed the ‘blogspot’ from the address, but are still hosted through them). Is there a way I can get the blogspot icon removed from the comments. When someone posts a comment, there is an icon logo next to their name, and I would like that hidden.

    If someone has code for that, I would very much appreciate it. Thanks chaps.

    Reply

  14. Free Rapidshare Premium Accounts January 4, 2009 5:16 pm

    thanks! i did this change on my site.

    Reply

  15. beloed January 14, 2009 7:03 am

    This what I’m Looking for hide the Nav bar on Blogspot. thanks.

    beloed’s last blog post..Busby SEO Test behind the mask?

    Reply

  16. Computer Lab Rental January 20, 2009 11:19 am

    Hi,
    I like your “strategy” ideas.
    It is a very nice and good post.

    Reply

  17. seo test expert January 23, 2009 10:57 pm

    i never do that since new modern templates used to hide it automatically lol :D

    seo test expert’s last blog post..Big Change In The last Eight Days

    Reply

  18. Cert Paper February 10, 2009 1:40 pm

    Useful information for the novice bloggers as have to learn much about their blogs.

    Reply

  19. CD Mastering February 21, 2009 11:07 pm

    great tips man! I am becoming more and more addicted to your blog now :P

    Reply

  20. alienwarerepair February 24, 2009 6:50 pm

    HiLuq,
    Its my first time to visit your blog. I like the tips provided here in this post. I am looking forward for some more tips….:)

    Reply

  21. gdirectory March 7, 2009 9:14 am

    I am liking this blog more then digitalpoint now, everything well explained and no nobs.

    Keep it up.

    Reply

  22. chile tour operator March 15, 2009 7:45 pm

    thanks for such great tip. I just have my blogger bar removed and its looking more professional.

    Reply

  23. Cisco Certifications April 6, 2009 3:18 pm

    I had the blogger navbar off but since the blogger changed to the new look, I was having problems hiding it. Your tips were spot on, thanks.

    Reply

  24. Blogs of Malta April 17, 2009 8:19 pm

    I used to use blogger in the past for my Malta blog, but changed to wordpress and I must say that it’s much more customizable.

    Blogs of Malta’s last blog post..Malta Flowers & Online Florists

    Reply

  25. gioco ai casinò online April 23, 2009 12:01 pm

    I thought it was a good thing that people link it to other pages..it improves your rank n Alexa ranking..and that guy doesn’t edit the link in the post so eventually people will go to your blog too. anyway, i will post something about your problem later on..when I have the time..so stay tune !!

    Reply

  26. Area Codes May 12, 2009 12:49 am

    I shall try this. But please let me know that how to insert meta description and keywords in blogspot. As I have tried it but could not succeded. Please help.

    Area Codes’s last blog post..Andaman & Nicobar STD Area Telephone Dialling Codes List

    Reply

  27. Simulation pret immobilier May 15, 2009 8:35 am

    Thanks a lot. I did change this feature on my website.

    Simulation pret immobilier’s last blog post..Les investissements hôteliers en baisse dramatique

    Reply

  28. Rapidshare Downloads July 26, 2009 7:01 am

    Thank you, I will be doing this on my blog! : )

    Reply

  29. sam May 7, 2010 5:41 pm

    Thangs! Its works well

    Reply

  30. Jason West July 19, 2010 11:20 am

    Thanks for the easy step explanation. Although, blogspot is too user friendly but certain times we all need help with the issues like Navigation Bar. This is quite easy to remove navigation bar now.

    Reply

Leave a Comment

If you would like to make a comment, please fill out the form below.

Name (required)

Email (required)

Website

Comments

(C) 2010 Computer Realm, - WordPress Themes by DBT