If you have a Blogger/Blogspot account, you know how annoying that top bar can be. It’s orange and ugly. You can easily hide it with some CSS magic.

Step 1 – Modify Your Layout

To modify your layout in Blogger/Blogspot, click on Layout and then click on Edit HTML.

Step 2 – Look for the CSS code

Scroll through your HTML code and look for body

body {
     background:$bgcolor;
     margin:0;
     color:$textcolor;
     font:x-small Georgia Serif;
     font-size/* */:/**/small;
     font-size: /**/small;
     text-align: center;
  }

Step 3 – Hide the Bar with CSS

Place this code above the body and save changes.

#navbar {
     display:none;
     height:0;
     visibility:hidden;
}

#navbar {
     display:none;
     height:0;
     visibility:hidden;
}

body {
     background:$bgcolor;
     margin:0;
     color:$textcolor;
     font:x-small Georgia Serif;
     font-size/* */:/**/small;
     font-size: /**/small;
     text-align: center;
  }

Bam! Blogger bar gone! Enjoy your beautiful looking blog.

You might also like...

• Vancouver Holiday Tweetup
• Define Magazine Update from Co-Founder Michael Tao
• Follow Friday: Vancouver’s Canuck, Richard Loat
• Buzz and the City
• Five Hole for Food – Coming to a City Near You!

Michael Tao

Michael Tao is an entrepreneur of many startups including Define Magazine. His passion for business, and seeing things differently has led him to quitting his job and starting up his own company.

Homepage

Twitter Page