February 17, 2009

TEXT SIZE minus plus

Hide Navigation Bar

You Might Be Interested In Our Popular Article
  • Improve Link Popularity And Increase Alexa Rank In No Time
  • hide navigation barHello.

    Having Navigation Bar in blogger blogs doesn’t contributes to good looks of a blog. Moreover it can be a problem for many users as then spammers can notify unnecessarily to blogger about your blog and it may be out on hold for over a month.

    So to Hide Navigation Bar is the best way out, some of you might be thinking that isn’t this against the usage policies of Blogger?

    The answer is NO, because we are hiding the Navigation Bar and not removing it, so its still there, just not showing up.kenyit

    Anyway, now I will tell you How To Hide Navbar or Navigation Bar in Blogger Blogs.
    hide navigation bar

    01. Log in to your Free Blogger account by going to:

    And enter the required fields and press Sign In
    hide navigation bar

    02. On your Dashboard choose the blog for which you want to Hide Nav Bar and then click on Layout tab:
    hide navigation bar

    Once there, click on Edit Html tab:
    hide navigation bar

    03. Now in Edit Html tab, before proceeding next, it would be a better idea to backup your template, by clicking on Download Full Template link:
    hide navigation bar

    Once downloaded, check the box to tick Expand Widget Templates:
    hide navigation bar

    To
    hide navigation bar

    04. Now just before the hide navigation bar tag in your template
    hide navigation bar

    Add following lines:

    #navbar-iframe {
    height: 0px;
    }

    It will look something like this:
    hide navigation bar

    Now click on Preview button [a new windows or tab will open]:
    hide navigation bar

    By Previewing, you don’t save the changes, but can ensure it be error free.kenyit Also, make sure the Navbar is not showing in the preview.

    05. Now click on Save Template button to change the changes.
    hide navigation bar

    You are successful to Hide Blogger Navbar

    If the above code doesn’t work for your template, then you can try following code also:

    #navbar-iframe {
    visibility: hidden;
    }

    Or you can also use the combination of both to Remove Navbar.

    And if later you want to have the navbar back, simply remove the style codes added.senyum

    You may also want to go through these useful tutorials:
    How To Create A Blog In 5 Easy Steps
    How To Add A Contact Form To Your Blogsengihnampakgigi



    Print

    About the Author

    When I was born I was so shocked I didn't speak for a year and half...... My brain has 2 parts, Right and Left, The Right one has nothing left in it and the Left one has nothing right in it...... Who says Nothing is Impossible?? I've been doing nothing for years......

    7 Responses to “Hide Navigation Bar”

    Author comments are in a darker gray color for you to easily identify the posts author in the comments

    1. yooray says:

      hey nice trick mate ….thanks

    2. Bariski says:

      You are welcome fiend :)

    3. Kimmy says:

      I hid mine today and it was so quick & easy! Thanks for the tip..it was greatly appreciated!
      And I followed you as well.
      Have a great weekend! :)

    4. praveen says:

      Nice post.
      even this code works flawlessly:

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

      alternatively, hide navbar widget can be used which is simpler than editing HTML.

      ———————————————————-
      testing animated smileys (this is the first time I’m seeing them in blogger powered blogs.)
      :-0 :)) and :D

    5. Bariski says:

      @praveen Glad you like this and yee your post is also nice, thanks for sharing.

    6. learn-blogging-tips says:

      Thanks for your kind info….by the by i would like to ask you about your template and half hided social book marking icons…

      Can u provide me how one can get.

      Your friend Ramesh.

    7. Bariski says:

      Hello Ramesh. Its my pleasure to help you. The social bookmarking thing I'm using on my blog is known as Sexy Bookmarks, you can get the tutorial from original author from here:
      Add Sexy Bookmarks to Blogger

      Hope this helps.

    Leave a Reply