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!
Comments (22)

22 comments

  1. Ashley BrownJune 23, 2011 at 7:36 AM

    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. ChrisJune 23, 2011 at 8:01 AM

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

    ReplyDelete
  3. KristinJune 23, 2011 at 9:19 AM

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

    ReplyDelete
  4. JennyJune 23, 2011 at 9:25 AM

    Thanks for the great tip!

    ReplyDelete
  5. laurenJune 23, 2011 at 9:30 AM

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

    ReplyDelete
  6. Juanna Hope SiaJune 23, 2011 at 10:02 AM

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

    ReplyDelete
  7. *reyanna*June 23, 2011 at 10:03 AM

    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
  8. UnknownJune 23, 2011 at 11:52 AM

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

    ReplyDelete
  9. his little ladyJune 23, 2011 at 12:49 PM

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

    ReplyDelete
  10. Elissa L.June 23, 2011 at 2:50 PM

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

    ReplyDelete
  11. AmberJune 23, 2011 at 3:00 PM

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

    ReplyDelete
  12. sarahJune 23, 2011 at 7:41 PM

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

    hugs,
    sarah.

    ReplyDelete
  13. GeriJune 23, 2011 at 8:10 PM

    OMGosh! That was so easy! Thank you!

    ReplyDelete
  14. AmethystJune 23, 2011 at 9:26 PM

    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
  15. Rebecca KeppelJune 23, 2011 at 10:34 PM

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

    ReplyDelete
  16. Andy PhillipsJune 24, 2011 at 12:32 AM

    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
  17. Andy PhillipsJune 24, 2011 at 12:35 AM

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

    ReplyDelete
  18. Elizabeth GardnerJune 24, 2011 at 11:00 AM

    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
  19. my cup-a-joe!June 24, 2011 at 2:20 PM

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

    ReplyDelete
  20. Heather BJune 25, 2011 at 1:09 PM

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

    ReplyDelete
  21. Rebecca KeppelJuly 26, 2011 at 11:05 PM

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

    ReplyDelete
  22. his little ladyAugust 31, 2011 at 5:14 PM

    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

Subscribe to: Post Comments (Atom)
Paige Taylor Evans © // Quinn Creatives DESIGN