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>

64 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
    drummerhill said...
    THANK YOU!!!
    Leafs Fan said...
    Hello Bonnie,

    you have helped me in the past and I hope you can get me out of this jam I'm in now.

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

    I've been using a drop down menu for that last 6 months and it has work great during this time.

    The other day I went into the side bar for this main navigation for my blog and changed the word "arenas" to "venues" as i thought this would be more appropriate for the heading. Saved the gadget and my nav menu is now nothing but text.

    I thought ok I did something wrong and went to my trusty backup html in dreamweaver and entered the exact code before my word change. Blogger no longer accepts this code. Is it something I did or is it a change in blogger.

    Any help will be greatly appreciated.

    Tony
    Bonnie Calhoun said...
    The application that you are using for the dropdown menu is no longer working. Go back to the website where you got it from and see if they have created an alternative.
    Leafs Fan said...
    Thanks once again for the quick response.

    It works fine on my web site and forum, so I don't think it's the code.

    When I enter the code in blogger the beginning of the code disappears. Very strange.
    Bonnie Calhoun said...
    Then it is coding that Blogger no longer accepts. What part disappears?
    Bonnie Calhoun said...
    That is no longer acceptable coding and I'm at a loss as to whether you can get it to work without me spending hours to try to insert it.

    Try inserting it as a style sheet...in other words to the template...but I'd create another blog to use as a tester, and use the same template for the blog and one or two dummy posts so you can see if they show up
    Leafs Fan said...
    That you for that advice.

    Is there a way to contact the people at Blogger to find out what has changed.

    It just seems that your on your own with Blogger when you need help to question that have not been asked before.

    Prov. 11:25 and Ruth 2:12
    Thank you again.
    Bonnie Calhoun said...
    Sorry...That's proprietary.
    I'm about as close as your going to get for an answer, and because of my NDA (Non-disclosure agreement) that's as much as you get out of me to.
    Leafs Fan said...
    So is it definitely that blogger no longer accepts that code because its still working on my other blogger http://icechipper.blogspot.com/ and I'm afraid to make any changes there now.

    I just don't get that. Can anything be done to find out what is happening for sure. Can you contact someone that is maybe higher up the coding scale on blogger?

    Otherwise I have to change all 365 links for my main menu and that doesn't seem fair for blogger to do this without an advance notice of some kind.

    Thank you.
    Bonnie Calhoun said...
    Sorry...that's a thrid party code and they will not give you any help with it. What you could try...copy the code from your other blog and try and insert it. Maybe it's not truncated.
    Leafs Fan said...
    Thanks I never thought of that but I just did take the exact code right from the blog that's working and inserted it into the one I'm having the issue with and It turned to text also.

    So it definitely seems to be on Bloggers side and I know if I make a change it will destroy my other blog as well.

    What do I do? Very confused.
    Bonnie Calhoun said...
    The other blog is probably on another server. Try to find another third party code for the function.
    Leafs Fan said...
    Thank you

    Sorry i took up so much of your time.
    Bonnie Calhoun said...
    Don't be sorry...you have a problem. I'm just sorry that I can't be more help.
    Leafs Fan said...
    I guess I'm just very frustrated.

    I'm not a programmer by any means. It took me two weeks to set that menu alone. Never mind enter the data for the pages in total it's been six months of work.

    I have 366 (includes the leap year)pages that go to "on this date" and am at a loss as to what sort of menu I could use to do the same function, because each day is a page. All the drop down menus I have researched have the same basic code.

    I guess the people at Blogger don't realize what it takes for someone like me to maintain a site that looks good but doesn't have the programming knowledge needed to adapt to their changes quickly.

    That is the reason I went to Blogger in the first place.

    Thank you once again for your help.
    Bonnie Calhoun said...
    Well it all boils down to how much it costs to suport such operations and with people who are trying to hack the system using certain types of code...there is always fallout of some sort.

    That's one of ther reasons support for non-Google domain FTP...it cost millions to support a function that Blogger was getting no return on.
    Bonnie Calhoun said...
    Sorry...those are the problems with mouseovers. You will have do do it with trial and error. Or try giving the background the same color as the color that ends leaving the the white background showing.
    Leafs Fan said...
    Hey Natalie,

    How did you get your background to stay stationary (the Candle) where is that code in your html.

    Thanks

    Tony

Post a Comment