December 18, 2016

How To Remove and Delete Stubborn "NavBar" Gadget from a Blogger Blog

Actually, i don't know the work of Navbar in a blogger blog. The only thing i know it does is that it gives out unnecessary space in a blog which a blogger can't easily remove. Recently i have this widget in my blogger and looking for a way to remove it but wasn't working. I even made use of the trick i used to remove powered by blogger attribution gadgets but didn't. Then i decided to go via editing template, and with my HTML sense, i made it by removing this gadget.

Navbar gadgets in blogger can also be disabled by switching it off via layout editing. If you my blog reader, you will notice that "Navbar" gadget is one of the 8 things you must remove from your blog. So do you want to remove this stubborn widget from your blog, it very easy just follow below steps.

==> Go to your blogger dashboard >> Template. Click "EDIT HTML", and wait for the html section to loads of completely

==> Tab the "Jump to Widget" section and click "Navbar1". It is Navbar1 because it is the first Navbar and there cannot be any other one again.

==> After clicking Navbar1, you will be jumped to the html section of Navbar. Now you will see below html code there, delete it as shown in the html code belown :
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='1' visible='true'>
      <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
      gapi.load(&quot;;, function() {
        if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
              url: &#39;\x3d4086445468581197023\x26blogName\x3dNaija+Tech+And+Free+Browsing+Blog+\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3d\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3d\x26vt\x3d1305289104106745983&#39;,
              where: document.getElementById(&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;//;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {

 That is, start from <b:section class='navbar' and end at  </b:section>
only if Navbar is the only gadget under the title layouts. But if there are some other gadgets under or at top of Navbar in your layout section, you have to be careful. All you need to delete is the Navbar to avoid deleting other blog gadgets.

Now if you delete these html code, the Navbar and the Layout section wont be available again see snapshot below :

Navar Available :

Navbar Removed :

You can see it has been removed.

If you face any problem using this article, you can make use of the comments section.

No comments:

Leave a comment

Please drop your comments before you leave. Your comments are highly appreciated. Click HERE to learn how to Comment On Our Horlartechgist. You can also GET IN TOUCH with us via our Social Media Platforms.