Spread the Word

Site Feed



Powered by FeedBlitz

There was an error in this gadget

Subscribe with ...

  • Add this blog to my Technorati Favorites!
  • Subscribe in Bloglines
  • Subscribe in NewsGator Online
  • Subscribe in Rojo
  • Add Random 

Bytes (WebLens Blog) to Newsburst from CNET News.com
  • Add to Google
  • Add to My AOL
  • Subscribe in FeedLounge
  • Add to netvibes

Translate This Post

Burn a Feed

Ping the World

Wednesday, November 08, 2006

Disabling the Blogger Navbar

Here's a great tip from reader Matt Mc. Matt commented in response to a post about customizing your Blogger template that he finds Blogger's default navbar annoying. Blogger doesn't let you disable this feature but Matt shared a short snipped of CSS that you can add to your template to suppress it.

I tested it out and it works great, though I have re-enabled it on this blog, as I don't mind the navbar and its search feature could be useful to you. (For readers new to blogging, the navbar is the black horizontal bar at the top of this blog, just above the header graphic. It offers some useful functionality and is intended, in theory at least, to deliver traffic to your blog from other Blogspot blogs.)

Turning Off the Navbar

Here's how to disable the Blogger navbar:
  1. Open your template and locate the style section at the top, just under the <$BlogMetaData$> tag.
  2. Find a space between two other styles, and type the following code:
    #b-navbar {
    height:0px;
    visibility:hidden;
    display:none
    }
  3. Save your changes and view your blog. The navbar should be gone.

Once again, the elegant simplicity of CSS saves the day. Technically, this combination of style declarations doesn't really turn off the navbar; it just hides it from view.

Note: there is some question as to whether disabling the navbar violates Blogger's terms of service, though I could find nothing specific on their site relating to this.

9 comments:

Anonymous said...

I have seen your blog. It’s quite interesting and informative.

Have a look on our Services CSS Templates .

Have a good day.

Pam said...

Thanks. Glad you like it.

Arpit said...

Hello Pam..
i have one more thing to add to your post.

there is another simple method to hide blogger navbar.

look for the tag <body> in your blog template

and replace it by
<noscript>
<body>
</noscript>

and save your template changes..
now you can see that blogger nav bar is gone..
i have used the same technique in my blog
http://technicalbliss.blogspot.com

have a look.

Pam said...

Thanks Arpit. Always nice to have more than one way to do things, and yours is easier than the method outlined in this post :-)

Anonymous said...

Hi,

I found an improved solution that works also in the non-beta Blogger, too!

It gives you a button to click on to hide/show the nav bar. By default its hidden. To me, at least, this is more functional than entirely hiding it

Pam said...

Thanks anonymous. It's always great to have multiple ways to do things :-)

Quinti said...

Hi

that code no run...
but this yes:
#navbar-iframe {
display: none;
}


greetings

zxcvd said...

Cheap WOW GOld, Please look here
Buy wow GoLd,
World of Warcraft WOw golD and woW gOld money,
wOw Gold.Acquista WOw gold oro,
wow goldSoldi, WOw GOld to each loyal and
woW goLD siamo uno dei miglioriWoW gold which is very cheap.WOw gold

craftmatic bed said...

black mold exposureblack mold symptoms of exposurewrought iron garden gatesiron garden gates find them herefine thin hair hairstylessearch hair styles for fine thin hairnight vision binocularsbuy night vision binocularslipitor reactionslipitor allergic reactionsluxury beach resort in the philippines

afordable beach resorts in the philippineshomeopathy for eczema.baby eczema.save big with great mineral makeup bargainsmineral makeup wholesalersprodam iphone Apple prodam iphone prahacect iphone manualmanual for P 168 iphonefero 52 binocularsnight vision Fero 52 binocularsThe best night vision binoculars here

night vision binoculars bargainsfree photo albums computer programsfree software to make photo albumsfree tax formsprintable tax forms for free craftmatic air bedcraftmatic air bed adjustable info hereboyd air bedboyd night air bed lowest pricefind air beds in wisconsinbest air beds in wisconsincloud air beds

best cloud inflatable air bedssealy air beds portableportables air bedsrv luggage racksaluminum made rv luggage racksair bed raisedbest form raised air bedsaircraft support equipmentsbest support equipments for aircraftsbed air informercialsbest informercials bed airmattress sized air beds

bestair bed mattress antique doorknobsantique doorknob identification tipsdvd player troubleshootingtroubleshooting with the dvd playerflat panel television lcd vs plasmaflat panel lcd television versus plasma pic the bestThe causes of economic recessionwhat are the causes of economic recessionadjustable bed air foam The best bed air foam

hoof prints antique equestrian printsantique hoof prints equestrian printsBuy air bedadjustablebuy the best adjustable air bedsair beds canadian storesCanadian stores for air beds

migraine causemigraine treatments floridaflorida headache clinicdrying dessicantair drying dessicantdessicant air dryerpediatric asthmaasthma specialistasthma children specialistcarpet cleaning dallas txcarpet cleaners dallascarpet cleaning dallas

vero beach vacationvero beach vacationsbeach vacation homes veroms beach vacationsms beach vacationms beach condosmaui beach vacationmaui beach vacationsmaui beach clubbeach vacationsyour beach vacationscheap beach vacations

bob hairstylebob haircutsbob layeredpob hairstylebobbedclassic bobCare for Curly HairTips for Curly Haircurly hair12r 22.5 best pricetires truck bustires 12r 22.5

washington new housenew house houstonnew house san antonionew house venturanew houston house houston house tx