Saturday, January 7, 2012

How to Remove the Blogger Navigation Bar

You guys spoke, and I listened!

Several of you guys wanted more blog design tutorials... and you got it!
{remember, you can still vote here}

Ever wanted to remove the blogger navigation bar from the top of your blog?


I've got a quick and easy tutorial on how to fix that!

From the Dashboard, under your blog info, click "Design".


Then click on "Edit HTML".


Now a VERY IMPORTANT WARNING!
BE VERY CAREFUL when messing with the HTML.
Follow these instructions EXACTLY to avoid messing anything up.
And just to be safe, you can click "Download Full Template" at the top.

Ok, now look in your code for the highlighted section.
It should be relatively close to the top.
It may vary a little from how mine looks, but will be relatively the same.



Now, after the whole section, specifically the code that looks like:

---------------------------------------- */

You'll need to add this code:

#navbar-iframe {
display: none !important;
}


Click "Save Template" at the bottom.
Now view your blog and notice the change!
VOILA!
No blogger navigation bar :)


Let me know if it works for you!

2 comments:

Kris @ everywhereorange.com said...

WOW!!! html scares me but i am going to try this!! maybe tomorrow though. looks scary!

Laina @ Vibrant Serenity said...

Thanks for sharing this, Courtney! I'm pinning it too. :)

Post a Comment

Related Posts Plugin for WordPress, Blogger...