Hiding the blogger navbar and taking the space out on the top of the page

Trig [Aidan Brooks?] posted a question here about hiding the navbar button which is on top of the blogger page. I thought instead of answering his question on the comment, i thought it would be more useful for anyone else who might want to apply this code to their blogger account.

Here it is... (works on firefox and safari - i haven't tested it on ie and beta [i haven't got a beta account])

To find out how it looks, i've used my old blogger account as a dummy - check it out here.

...

To hide the navbar, insert the code that is highlighted in red in between the codes highlighted in blue (this is located at the bottom of the template).

< !-- End #footer -- >

< type="text/css">

#b-navbar {

height:0px;

visibility:hidden;

display:none

}

< /style >


< /body >
< /html >

...

To take the blank space out of the top of the header and make the header flush to the top, insert the codes highlighted in red as shown below within the codes highlighted in blue (that is located on top of your template).

body {
background:#fff;
margin-top:0px;
padding:40px 20px;
font:x-small Arial;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;

position: relative;
top: -50px;
}

...

I hope this helps. If you are not tech savvy and find it a little tricky to make changes to your template, i can offer some help by way of letting me get to your account and i will make the changes. Email me on maegabriel at googlemail dot com. You have to disclose your password to me to do this changes. I will treat them with strictest confidence and you may change your password later. This offer is only valid til 13th December as i will be away for a long well deserved holiday.

Sorry, this post is a little short and abrupt, i have 2 chocolate truffles in the fridge that is ready for rolling and photoshoot to be posted on my blog and to be boxed ready for demanding friends... :)

This Post was written by Mae from riceandnoodles.