How To Remove Ugly Nav Bar At Top of Blogger Platform Blogs | Bloggers Lair | Yakezie Forums

I have a confession to make. I use free hosting with the Blogger template.  There, I've said it!

One of my little pet peeves about Blogger and especially other Blogger blogs I see how there is the ugly blue, grey, orange, or whatever color NavBar/strip on the top of the screen. 

It takes two seconds to remove this, so I wanted to share this little html/css hack with everyone that has a Blogger blog (I've seen a few in the Beta class). The full instructions for this can be found at the link below.

http://blogger-templates.blogs…..avbar.html

1) open up Blogger.com, 2) Go to your Edit Html area, and 3) Simply place the code below in red between the <b:skin> and Variable definitions tags towards the top of your blog's html. 

Please let me know if you have any questions!

#navbar-iframe {
   display: none !important;

 

<b:skin><![CDATA[/*
———————————————–
Blogger Template Style
Name:     Rounders
Designer: Douglas Bowman
URL:      http://www.stopdesign.com
Date:     27 Feb 2004
Updated by: Blogger Team
———————————————– */

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

/* Variable definitions
  ====================
   <Variable name="mainBgColor" description="Main Background Color"
             type="color" default="#fff" value="#ffffff">
   <Variable name="mainTextColor" description="Text Color" type="color"
             default="#333" value="#333333">

I couldn't agree more…haha…I need to one of these days.

I never knew you were with blogger. Your site never looked like it.

Buy Like Buffett said:

I never knew you were with blogger. Your site never looked like it.

---

Thanks! I've done a bunch of little html adjustments to hide some of the major flaws – changed the comment system, rearranged how the post titles appear in search engines, removed the navbar, etc.