Sunday, March 30, 2008

How to hide Navbar in Blogger?

Most of the bloggers and readers don't like the Navigational bar, called Navbar, at the top of each blog*Spot blog. Though I haven't gone thru the terms of conditions of Blogger by Google, here is a simple change in markup language which will do your work well.

a.     Log in and Go to Blogger dashboard

b.    Choose your blog and go to its 'Layout'

c.     'Edit HTML' is next your mouse should click.

d.    Find #header-wrapper line ( to quickly find use Ctrl+F)

e.    Now copy and paste the following piece of code directly above the #header-wrapper line

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

f.     Fine with codes now 'Save Template' and there you're.

It is not possible to delete the Navbar however hiding it could do the job.

Note: if your blog template use template with different codes as above try any of the following to hide the Navbar, use display:none or display:block.

#navbar-iframe { display:block }

Find in your css style #header-wrapper if you're having difficulty with finding the code. Rest at the comments!

2 responses:

barb michelen said...

Hello I just entered before I have to leave to the airport, it's been very nice to meet you, if you want here is the site I told you about where I type some stuff and make good money (I work from home): here it is

gearShifts said...

i dont think people commenting like this really make dollars unless they are bright let me explore!

Post a Comment

Thanking you for your comment(s). Hope you will visit this blog again!

Subscribe to geeklog feed Bookmark and Share

Design by Free blogger template