Remove navbar from blogger blog/site

1.  Login to your blogger account.

2. Select "Design" tab of which blog you want to remove navbar.


3. Then select sub-tab of Design tab named as "Edit HTML".


4. In that you can edit your xml blogger templete.


5 .In that templete or in every blogger templete you see


    body {
             font: $(body.font);
             color: $(body.text.color);
             background: $(body.background);
             } 


6. Then find out above bold code in your blogger templete.


7. Before this bold code you have to insert following code as it is and click "SAVE TEMPLATE" button.

       #navbar-iframe {

      display: none !important;
       }

e.g. 

insert above noted code as given follow :

#navbar-iframe {display: none !important;}
    body {
          font: $(body.font);
          color: $(body.text.color);
          background: $(body.background);
         }