Destino Solutions

+91 9747866100

Completely Remove Blogger Navbar 2014

April 26th, 2013

How to Remove your blogger blog Navbar completely ,  I have also hided my Blogspot navbar but it is not completely removed it just hided and after i have faced a problem a gap on top of page.

My blogger blog using “Simple template” i am  not tested other templates. then i will try to Deleting navbar completely and i found navbar html code and deleted after it working much better Than hiding Navbar and make your blog professional look, It is SEO friendly too Navbar removed after page load time increased and main trouble gap of  page top problem solved.

Completely Removing Navbar your blogger blog following steps.

Advantages Removing Blogger Navbar

  • Professional look.
  • SEO friendly.
  • It have aslo help for Gap top of page  problem.
  • Increase page loading speed.

Note: Please backup your Blogger template after doing this.

Follow Steps:

Step 1. In your dashboard click template>edt html
Step 2. find following script ( Ctrl+ F )

<b:section class='navbar' id='navbar'

Step 3.Delete following code ( <b:section class='navbar' id='navbar'   to   </b:section> )

Look like following HTML


<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;//www.blogger.com/navbar.g?targetBlogID75654627235549730499846blogName75bloggerdiq46publishMode75PUBLISH_MODE_BLOGSPOT46navbarType75DISABLED46layoutType75LAYOUTS46searchRoot75http://bloggerdiq.blogspot.com/search46blogLocale75en_GB46v75246homepageUrl75http://bloggerdiq.blogspot.com/46vt75-5960324188119394408&#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>

Just Run preview mode, it not working discard changes or Ctrl+Z
if it working > “Save template”. and You are successfully completed.
Or
it is not working, That means You have make a mistake.
if you want any help please mentioned it on below comment Section.

Categories: BloggerBlogger Widget