HOW CAN I DO THAT?

Followers

Tuesday, February 20, 2007

Hiding Blogger NavBar

Hiding the Blogger Navbar isn't difficult!

I currently recommend this in all cases because of the influx of malware blogs, splog farms and the liberal dose of disgusting porn. I equate it with giving your children the cable remote without having "Parental Locks" in place.

There is some really raunchy stuff lurking out there under the guise of "Next Blog"! I have disabled it on my personal blog, Bonnie Writes because I had several complaints from parents of children at my church. My blog is PG rated, but allowing their children free reign took them to some embarrassing places.

And if you visit any blogs with the navbar in place, I would forcefully discourage clicking. Some very nasty malwares are being transmitted to unsuspecting surfers.

With all that said...to hide the Blogger Navbar...

Place this code between <head> and </head >and BEFORE <body>

<!--Remove NavBar --><style type='text/css'>#b-navbar {height: 0px; visibility: hidden; display: none;}</style>
<style type='text/css'>#navbar-iframe {height: 0px; visibility: hidden; display: none;}</style>

46 Comments:

  1. Lok said...
    Thanks a lot.
    Moderator said...
    Thiis has been very useful and very important. Thanks.
    AK said...
    Thanks! :)
    Webmaster CGK - Gorinchem said...
    Thanks this was a great help!
    Adventure Treks said...
    Thanks for this ... I had spent too much time trying to find a solution.
    Frau Feli said...
    Thanks very very much! Looks so much better now, alone I couldn't have managed that. Hello from Berlin :)
    Manuel Galrinho said...
    or, before body this:

    #navbar-iframe {height:0px;visibility:hidden;display:none}
    nsremom said...
    Thank you sooooo much. I just did it and it worked beautifully.
    Ardelak said...
    Thank you very very much!
    Darryl said...
    \o/ Many thanks!
    Maria Cate Cammarata said...
    I'm a newbie who just started constructing my blog and I'm afraid I don't know where to paste this. I clicked on html but I can't find the terms you list for the insert. Help, please?!
    Bonnie Calhoun said...
    Hi Maria...LOL...it would have been easier to help you if you had a blog up that I could respond on.

    You need to click on the edit html tab...a window opens up. Scrool down the code until you find
    the HEAD tag ...place the code between there and the ending HEAD tag...like I wrote in the post...and make sure that it winds up coming before the BODY tag!
    Maria Cate Cammarata said...
    Hi Bonnie,
    Thanks a million for spelling it out for me!! I finally figured it out and it worked. Now my brand new blog, "Travels in Nicaragua" looks SO much better.
    All the Very Best to You
    Maria
    Megan said...
    Thanks! (:
    Jessakah said...
    Wow Thank YOU! I will be clicking on YOUR ads :)
    NIKHIL G. KATHARE said...
    hey thank you very much it is very interesting it was really helpful
    shanker Bakshi said...
    Hi, I really don't find the tag which you have mention. I don't know where to insert the code. I am not a web geek, just a surfer but like to have my own blog, guide me please
    Bonnie Calhoun said...
    Shanker it depends on what kind of template you have. If you list your blog address, I will go and look.

    Go to your Edit HTML page for your template code and scroll down the code. It will be a line close to the left hand margin of the page!
    Shanker Bakshi said...
    Hi bonnie, Thanks a lot , i have made it to my blog. You really have a great soul...Thanks a lot for your help...thanks
    Bonnie Calhoun said...
    Shanker, you're very welcome!
    Charles Springer said...
    How do you log into your blog to make new posts and/or corrections when you remove the navbar?
    Bonnie Calhoun said...
    Hi Charles. To log into Blogger without the navbar go to:

    https://www.blogger.com/start
    Poetic said...
    very useful tip0. thanks a lot
    Deborah Habora said...
    Though it took me awhile to figure out where I was supposed to put the code, I'm really glad I found it. Looks much better now. Thanks for the tip. =)
    Anonymous said...
    you rock.
    Chad Minnick said...
    This was very helpful. Thanks!
    NW Dad said...
    This comment has been removed by the author.
    NW Dad said...
    Hi, I did this and it worked great, but then my wife wanted it back, so I deleted the entry, but it didn't come back! Any suggestions?
    www.thriftynwmom.com
    Bonnie Calhoun said...
    Are you sure the entry deleted? And refresh your browser.
    Ms. LaClair said...
    Yeah, Thank you so much!
    ThatsMyTri said...
    Awesome, thanks for the code!
    ggs said...
    hi bonnie.. please help me remove the nav bar.. did try the code.. after the head.. but i do not see anotr head to insert. if i past it after head.. the whole code shows up above the nav bar.. :(
    #navbar-iframe {height:0px;visibility:hidden;display:none
    my blog is riyasethi.blogspot.com

    thanks
    Bonnie Calhoun said...
    Do not insert the code at the very beginning.

    Scroll down until you see the end head tag </head> and put the code right BEFORE THAT ENDING.
    ggs said...
    sorry bonnie.. i tried it and same thing happened again.. the whole code shows up just above the nav bar.. is there any other way. and i did tried just before the head tat i found by scrolling at the bottom.. :(
    thanks
    Jhon said...
    Thank you so much sir,u did a great job, i'd highly appreciate that... i did that and it has removed my Navbar from my blog... thanks again... uuummmmaaaahhhh....
    Rosie_Kate said...
    Thank you so much! I just did it and it worked quite well!
    Leafs Fan said...
    This is a great code, BUT, how do I edit things now without the nav bar at the top. i.e. customize, html fonts and colors. How do I get there now?
    Bonnie Calhoun said...
    You log into Blogger, and do it all from your Dashboard.

    https://www.blogger.com/start
    Leafs Fan said...
    Wow, that was fast... Thank you....

    And while I have you. Can I also ask:

    My blog is
    URL: http://
    onthisdayinleafshistory.blogspot.com/

    Browser(s) used: Mozilla Firefox


    I have just switched over from the normal rounders skin to one that had a three column skin i.e Blogger Template by Blogcrowds I can't seem to get some of the everday functions to work

    1) when I change the color of the main page it also changes the color of the top left sidebar and bottom right sidebar.

    2) ***what i would like to do is control the color of all sidebars. Is this possible?

    I've read some of the articles but there doesn't seem to be any help for the rounders templates on this problem especially the three column rounders .

    Can you HELP ..... desperate..... Thank you.

    Sorry if I've posted this in the wrong place...
    Bonnie Calhoun said...
    Hang on...let me have a look!
    Bonnie Calhoun said...
    Okay...I see color in the right top sidebar and the next two boxes down...but the rest of it is white.

    Where did you change the color in the template?
    Leafs Fan said...
    Under "layout" then "fonts and colors" there is no way to control each unit or sidebar.

    You would think that would be an easy option.

    But if I change the color of the main post background in the center it also changes the color of the top left and bottom right side bars. Very strange indeed. Hence all the white.

    Thanks for your help.
    Bonnie Calhoun said...
    That won't work for something as technical as you want to do. You will have to go to the code and actually add a color delineator to each column part to get the colors to change. Change the color back to all white and then start again.

    Go into the Edit HTML, and add the color, then PREVIEW the change. If the color is not where you want it then hit the CLEAR EDITS.

    Then you will be back to where you started. Do NOT save any changes until it looks the way you want it.
    Leafs Fan said...
    Thank you I'll try that. You're a gem.

    Tony
    Bonnie Calhoun said...
    LOL...I do not accept gem status until it works for you :-)
    Davy, Kelly and Odie Boggs said...
    Thanks for the help. My blog is a ministry based blog and I was concerned about folks innocently clicking on next blog and going who knows where. I do not know a thing about html so you must be good for it to work for me. I would love for the blog to look like our website but I will save that for another day.
    Thank you
    Davy
    boggsblogs.com
    davykellyandodie.com

Post a Comment