Cara menghilangkan navbar di blog

Assalamualaikum.

Navbar pada blogger (blogspot) terletak dibagian paling atas halaman blog,dimana navbar ini sebenarnya dibuat untuk mempermudah pengguna blogger dalam urusan blogging.namun sayangnya tampilan navbar ini dirasa kurang bagus sehingga banyak pengguna blogger,termasuk saya menghilangkan navbar tersebut.

Untuk mengganti keberadaan navbar tersebut,banyak pengguna blogger yang akhirnya mengganti navbar tersebut dengan menu navigasi,widget yang tampilan dan fungsinya cukup menarik,sehingga tampilan blog lebih terlihat professional.

Jika anda benar-benar ingin menghilangkan navbar tersebut,maka di kesempatan kali ini saya akan share caranya dengan beberapa metode,mulai dari penonaktifan navbar sampai penghapusan navbar tersebut secara permanen.

A.MENONAKTIFKAN NAVBAR

Jika anda ingin navbar tetap ada namun tidak muncul di halaman blog,sebaiknya anda menonaktifkan fungsi navbar,caranya adalah sebagai berikut.

1,Di halaman dashboard blogger.com.silahkan anda klik Tata Letak (jika anda memakai blogger versi bahasa indonesia).

2.Di halaman tata letak,silahkan anda klik edit pada bagian navbar,seperti contoh gambar dibawah ini.

3.Nanti akan muncul tab kecil untuk konfigurasi warna navbar,silahkan anda pilih off lalu klik simpan,seperti contoh gambar dibawah ini.

4.Berikutnya silahkan anda kunjungi blog anda,maka navbar sudah menghilang.

B.MENGHAPUS NAVBAR

Jika anda ingin benar-benar menghilangkan navbar dengan cara menghapusnya,maka anda harus menghapusnya didalam template blog,caranya adalah sebagai berikut.

1.Di halaman dashboard blogger,silahkan anda klik Template lalu klik Edit HTML.

2.Berikutnya silahkan anda cari kode seperti berikut ini.

<b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' 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;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0752531931455330875258\46blogName\75inisiteku1\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://inisiteku1.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://inisiteku1.blogspot.com/\46vt\75-989763482000475803&#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;//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>

3.Silahkan anda hapus kode tersebut,lalu klik simpan untuk menyimpan perubahan.
4.Silahkan anda kunjungi blog anda maka navbar di halaman blog anda telah menghilang.

Demikianlah cara menghilangkan navbar di blog,semoga mudah difahami dan semoga bermanfaat.
Terimakasih telah berkunjung.
Assalamualaikum.

Cara menghilangkan navbar di blog

Related Posts