10.14.2008

have you ever wondered?

how to get rid of the blogger bar that runs across the top of your blog? It wouldn't be so bad if you could make it any color you wanted... but they only give you four choices! So instead, I opted to take it off altogether! I asked a friend how she did it, and got a simple and easy answer!!!

To do it, you'll need to go into your blogger dashboard, click on "Layout" and then open the "Edit HTML" section. Find this part of the code... very close to the top: (yours will have different info than mine, obviously)

-----------------------------------------------
Blogger Template Style
Name: Mommy Chronicles
Designer: Lindsey Tharaldson (based off Douglas Bowman- Minima)
URL: http://www.mamaneedstoblog.blogspot.com
Date: September 2008
----------------------------------------------- */

Then right under the lower dashed line, add this snipet of code:
#navbar-iframe{display: none !important;}

So it will now look like:
-----------------------------------------------
Blogger Template Style
Name: Mommy Chronicles
Designer: Lindsey Tharaldson (based off Douglas Bowman- Minima)
URL: http://www.mamaneedstoblog.blogspot.com
Date: September 2008
----------------------------------------------- */
#navbar-iframe{display: none !important;}

Then hit SAVE!

***If you have a horizontal navigation bar, it's going to throw off your alignment. So if that is the case, you will need to go back into your code and find this (near the bottom):

/* topnavigation
-----------------------------------------------*/
#topnavigation {
font: bold 10px normal normal 162% Georgia, Times, serif;
position: absolute;
top: 181px;
width: 895px;
margin: 0 0 0 5px;
padding: 0px 0px; /* duplicate the tab size */
text-align: center;
display: block;

You will need to adjust the number that is highlighted in red. A lower number will make it closer to the top of the page... just keep changing the number and hitting the Preview button. Once the horizontal nav bar is lined up again, hit SAVE.

That's It!!!

6 comments:

Mandy @ Adventures of a Millennium Mom said...

I've been wondering how to do that! Thanks! I've been enjoying reading your blog so much!
And thank you for adding me in your google reader! That made my day!:)

Maggie said...

I just took that pesky bar off of my page! Looks great w/o it!!

Thanks so much for the tip! =)

Cassandra said...

Thanks! I didn't even know you could do that! Great tip!!

Eyeglasses & Endzones said...

Nice Tip...I'll be clickin on that one next!

Lindsey said...

Thanks for that tip! Another thing I've wondered about is how to put your signature in so that it's automatically in all your posts. Before you made my blog beautiful I was copying and pasting the code in every time and it was getting old, lol.

God bless!

Power Up Love said...

Thank you for the helpful tip:)