The One with How to Get Rid of the Blogger Nav-Bar


Thursday, June 23, 2011

Getting my blog to look the way I want it to takes a lot (and I mean A LOT!) of googling. HTML is confusing and crazy stuff man! It's still complete jibberish to me, but I find that as long as there's a tutorial I can get 'er done. I've noticed that about 95% of my friends who use Blogger have that seemingly pointless/annoying/ugly (harsh much Paige?) Blogger navigation bar across the very top of their blog. (Sorry Allie, I'm using your blog as an example, but in just a few minutes it'll be A-OK!)
Photobucket
Want to know how to get rid of the nav-bar and make your blog nice and clean? IT'S SO EASY! Here's a step-by-step photo tutorial that will only take a few minutes:

Go to your Blogger Dashboard.
Photobucket

Click on Design.
Photobucket

Click on Edit HTML.
Photobucket

Scroll down your HTML until you find the part that says Blogger Template Style/Name/Designer/Etc, it looks like this (but may be slightly different):
Photobucket

Copy THIS CODE IN BOLD:

#navbar-iframe {

display: none !important;
}

and paste it directly under the dashed line (it's highlighted in blue in this pic):
Photobucket

Here's what it should look like unhighlighted:
Photobucket

To see if it worked, click on PREVIEW.
Photobucket

Close out of the preview and then click on SAVE TEMPLATE.
Photobucket
TA-DA! No more fugly navigation bar! A little HTML know-how goes a long way :)

(If for some reason it doesn't work on your blog, email me and I'll try to walk you through it better.)

Next time I'll teach you how to center your blog banner!

22 comments

  1. SWEET!!! I have been wanting to get rid of that for a while and you just totally fixed it! Thanks for the great quick tutorial!

    ReplyDelete
  2. Success! www.mgabasahon.blogspot is navi bar free!!!

    ReplyDelete
  3. Thanks Paige! Looks a million times better. You should do weekly blog tips :)

    ReplyDelete
  4. thank you very much, paige!!
    i just cleared that pesky header from both of my blogs! :)
    *

    ReplyDelete
  5. thank you! did that and now that nav bar's gone (:

    ReplyDelete
  6. Really? You don't like that? I love it! LOL. It's so much easier to navigate my blog without having to go anywhere else. LOL. :-p

    But for you... I've taken it off. :-) Consider yourself loved! ;-)

    And thanks for the tip!

    ReplyDelete
  7. Thank you Paige :) I just opened my blog and made the change! YOu did a great job at super easy directions!

    ReplyDelete
  8. oh no, i can't tell. does mine have it too? let me know! ha
    Xo

    ReplyDelete
  9. I have been wanting to get of that bar forevah!! Thanks Paige

    ReplyDelete
  10. Thank you for the step by step!!! Twas so easy!! I always thought that was soooo annoying!!

    ReplyDelete
  11. ummm, okay just looking at that post had me dreading an update on my blog. lol.

    hugs,
    sarah.

    ReplyDelete
  12. OMGosh! That was so easy! Thank you!

    ReplyDelete
  13. Thank you so much! I've been watching your blog for awhile, a little nervous as to what you might think about that, but I do love your designs and crafts and everything! I've been wondering how you got rid of the nav bar and now it's gone!

    ReplyDelete
  14. Paige--you are my HTML heroine!! Thanks SO much! My blog looks SO much better :)

    ReplyDelete
  15. I did it I did it! So easy! But how do I make my banner photo above centered? hehe (it's daisy btw - I have to be andy to change our blog since it was his first)

    ReplyDelete
  16. ummm. this might be a dumb question but how do i sign in to post after i do that? hahaha

    ReplyDelete
  17. Thanks Paige. I need all of the help I can get with html gibberish (so glad I'm not the only one who struggles) ...I NEVER would have figured that out on my own. I think I need some serious blog help to get past the basics. At least now elizgardner.blogspot.com is one step closer!

    ReplyDelete
  18. You're brilliant!! Thank you!! I just took mine out! :)
    You're awesome!!! Umm, more tips please! :)

    ReplyDelete
  19. Ahhhhh... that was easy! THanks! I love the way my blog looks.

    ReplyDelete
  20. I changed my blog and had to come back here to remember how to get rid of that thing again! So thanks again!!

    ReplyDelete
  21. sooo, i changed my profile around and remembered that you had this post (which i needed), so i hunted through your entire blog and finally found it. it works, and i love you! haha

    ReplyDelete

Paige Taylor Evans © // Quinn Creatives DESIGN