Help you by sincere

September 29, 2018

CARA MENGHAPUS NAVBAR TEMPLATE BAWAAN BLOGGER

2
Sampai hari ini saya tetap gagal faham perihal kegunaan navbar bawaan blogger,  mungkin untuk di modifikasi menjadi menu navigasi, dan ikon Bloggernya itu bertujuan agar "merek" bloggernya tetap eksis, walahu'alam. Akan tetapi kepalang bingung akhirnya saya lebih suka meminimalkan widget widget bawaan blogger, menghilangkannya samasekali agar tidak menjadi "beban" template yang akan saya robah.

Ada dua opsi yakni:

  • Menyembunyikannya
  • Menghapusnya
Kita diberikan opsi buat menyembunyikannya, tampaknya blogger cukup realistis dalam hal ini bahwa akan banyak pengguna menghilangkan widget ini, jadi itulah sebabnya opsi untuk tidak menampilkannya di masukan kedalam pilihan.

Masuk kepengaturan blog>pilih tataletak atau lay out>pilih navbar dan tekan edit>lalu akan keluar tampilan seperti gambar tinggal tekan/pilih opsi "off"
Lalu jangan lupa SAVE.
Tetapi opsi ini tidak menghilangkan navbar, hanya sekedar menyembunyikannya saja, dan jika kita ingin menghilangkannya samasekali maka kita harus masuk ke opsi Pilih tema>pilih editHTML, pada barisan kode HTML cari kode dibawah ini: (untuk mempermudah pencarian tekan ctrl+F lalu kopi-pastekan kode sebagian dibawah kedalam kotak pencarian).

<b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar'
<b:widget id='Navbar' locked='true' title='Navbar' type='Navbar'> ... sampai dengan kode penutup </b:widget>
Atau lengkapnya kodenya seperti 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://draft.blogger.com/navbar.g?targetBlogID\x3d7066337666849392908\x26blogName\x3dorisional+blog\x26publishMode\x3dPUBLISH_MODE_HOSTED\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttp://orisionalblog.editblogtema.net/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttp://orisionalblog.editblogtema.net/\x26vt\x3d-1662502913097637375&#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>

Langsung saja dihapus dan Save template

Akan tetapi tunggu...siapa tahu Navbar ini justeru bisa kita modifikasi menjadi Menu navigasi yang responsive dan mobile diatas header blog dengan mengganti link ikon blogger dengan link ikon blog kita sendiri? Memang mengedit template menuruti selera kita itu asik, sampai sampai struktur bawaan hilang dan sudah berganti dengan struktur baru buatan kita sendiri he he he....Tunggu tips dan triks berikutnya...

2 comments:

Follow