How To Hide Blogger Top Navigation Bar Without CSS Code

Are you tired of seen the blogger navbar on your template? Google now understand that a lot of blogger don't want to be seeing the navbar on their template, now you have the choice to hide the navbar without even touching the template CCS code: Logging to your blogger account, navigate to Layout, and click on Edit in the navbar section, you will see something like in the image by the left; You have the choice of choosing a style from the variety of styles and can also chose OFF if you wish to hide.  

 At the same time should in case you are still using one of the old blogger template or you don't have the OFF option activated in your blogger template you still have your choice to hide the navbar with a piece of code 

Log in to your  blogger account, Template> Edit Template>Click Proceed then check the Expand Widget Template.

In the HTML text box Press Ctrl +F and search for /* Variable definitions then paste the code bellow

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

so that you will get something like the one bellow 

    -----------------------------------------------
    Blogger Template Style
    Name:     Simple
    Designer: Josh Peterson
    URL:      www.noaesthetic.com
    ----------------------------------------------- */
    #navbar-iframe {
       display: none !important;
    }
    /* Variable definitions
       ====================

Now you can save the template and preview