How to remove blogger topbar in new blogspot blogs

Every new blogspot blog has this topbar.Almost all blogger dont like it.so in this tutorial we are going to remove it.I tested it on this blog as you can see and i use watermark template by google.it can be used in any other blog template as well.so lets do that.

1.Login in with your blogger a/c.go to Template>Edit HTML>Proceed

2.Find this code.

 <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>

3.You have to remove this following code

  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;iframes-styles-bubble&quot;, function() {
          if (window.iframes &amp;&amp; iframes.open) {
            iframes.open(
                &#39;//draft.blogger.com/navbar.g?targetBlogID\0751893442805934152929\46blogName\75autobottest\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://autobottest.blogspot.com/search\46blogLocale\75en\46v\0752\46homepageUrl\75http://autobottest.blogspot.com/\46vt\075483372206842781336&#39;,
                {
                  container: &quot;navbar-iframe-container&quot;,
                  id: &quot;navbar-iframe&quot;
                },
                {
                });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
</b:widget>
</b:section>

4.Remove it.click on save template.
5.A alert box will appear.

6.Click on Delete widgets.

you are done.Dont forget to share this tutorial.

Thanks for reading.