Beta Codes for hiding the top nav bar and spaces

I posted a code for old Blogger here.

Here is the code for new Blogger Beta users. I had to create me a Beta account for this. Maybe a certain person will even thank me for my efforts this time. :)

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).

< /div >< /div > < !-- end outer-wrapper -- >

< type="'text/css'">

#navbar-iframe {

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:$bgcolor;
margin-top:0px;
color:$textcolor;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;

position: relative;
top: -10px;

}

...

Enjoy!

This Post was written by Mae from riceandnoodles.