Lompat ke konten Lompat ke sidebar Lompat ke footer

2 Cara Menghapus Navigation Bar (Navbar) Blogger

Kali ini, izinkan saya berbagi tutorial bagaimana caranya menghapus dan menghilangkan widget/gadget Navigation Bar (Navbar) blogger pada tampilan web blog.

Navigation Bar (Navbar) merupakan fitur blogger yang berfungsi untuk memudahkan navigasi bagi pembaca maupun pemilik web blog. Navbar sudah terpasang otomatis pada template blogger (default).

2 Cara Menghapus Navigation Bar (Navbar) Blogger

Ciri-ciri Navbar terdiri dari berbagai macam menu pintas (shortcut) seperti logo blogger, kotak atau kolom pencarian blogger, tombol berbagi (share button), buat blog, masuk, dan lainnya.

Bagi kebanyakan blogger, tampilan Navbar mengurangi tampilan keindahan web blog. Bagi sebagian besar pakar SEO, Navbar dianggap memberatkan atau membuat lambat kecepatan loading web blog.

2 Cara Menghapus Navigation Bar (Navbar) Blogger


Setidaknya, ada dua upaya yang bisa dilakukan untuk menghapus Navbar blog. Yang pertama, kawan-kawan menyembunyikannya. Yang kedua, sobat menghapusnya langsung di template blogger.

Menyembunyikan Navigation Bar (Navbar) Blogger


1. Masuk ke blogger > tata letak

2. Cari widget Navbar pada tata letak (layout) > edit

2 Cara Menghapus Navigation Bar (Navbar) Blogger

3. Pada mengonfigurasi Navbar > pilih menu Nonaktifkan (Off)

2 Cara Menghapus Navigation Bar (Navbar) Blogger

Menghapus dan Menghilangkan Navigation Bar (Navbar) Blogger


1. Cari kode class='navbar', kode penuhnya:

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
<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/platform.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\x3d891234302389115793\x26blogName\x3dOzal\x27s+Blog\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dTAN\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://ozalblog.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttp://ozalblog.blogspot.com/\x26vt\x3d-8060124209928533829&#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>

2. Hapus kode yang berawalan <b:section sampai dengan </b:section>

2 Cara Menghapus Navigation Bar (Navbar) Blogger

3. Simpan template blogger > selesai.

Itu dia tutorial bagaimana caranya menghapus dan menghilangkan widget/gadget Navigation Bar (Navbar) blogger pada tampilan web blog.
Arief Ghozaly
Arief Ghozaly Blogger, Komputer, SEO, Xiaomi POCO, ThinkPad & Pecco #63. https://www.ariefghozaly.web.id/.

Posting Komentar untuk "2 Cara Menghapus Navigation Bar (Navbar) Blogger"

Slot Iklan
Slot Iklan
2 Cara Menghapus Navigation Bar (Navbar) Blogger