Cara Menghilangkan Navbar pada Blogspot

   artikel ini akan saya bahas tentang bagaimana cara menghilangkan navbar pada blogspot . pada umumnya di blogspot/blogger di bagian atas terdapat toolbar yang biasanya disebut navbar . yang persis seperti pada gambar dibawah ini .

Navbar Blogger
  
  Kehadiran navbar ini pada pemilik blog terasa terganggu akan itu . nah diartikel kali ini saya akan berbagi ilmu pada sobat blogger mengenai bagai mana cara menghilangkan Navbar pada Blogspot . sebagai berikut caranya :
  1. Login ke Blogger , kemudian masuklah ke dasbor blog sobat.
  2. setelah itu Masuk pada Rancangan >> kemudian Edit Html. 
  3. jangan lupa di expand dulu ya sobat blogger.
  4. setelah itu ikuti beberapa cara di bawah ini ( pilih salah satu cara dari kempat cara dibawah ini ya ...)
 Cara pertama.
Diantara kode <body>, letakkan kode <noembed> dan </noembed>

<noembed> <body> </noembed>

Cara kedua.
Diantara kode <body> letakkan kode <noscript> dan </noscript>

<noscript> <body> </noscript>

Cara ketiga
Copy dan paste kode dibawah ini dan letakkan diantara <style> dan </style> pada <head>.

#b-navbar {
height:0px;
visibility:hidden;
display:none
}
seperti contoh
<style type="text/css">
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
</style>

Cara keempat.
Copy dan paste kode dibawah ini dan letakkan diantara <head> dan </head>

<script type="text/javascript">
var showHeader=false;
function ShowHideNav()
{
showHeader=!showHeader;
var nav=document.getElementById("navbar-iframe");
if (showHeader)
{
nav.style.visibility="visible";
nav.style.display="block";
}
else
{
nav.style.visibility="hidden";
nav.style.display="none";
}
}
</script>
<style type="text/css">
#navbar-iframe {
visibility: hidden;
display: none;
}
</style>

       5.  Kemudian save templatenya .

   Nah setelah itu sebagai navigasi untuk memunculkan / menghilangkan lagi navbar itu , ikuti langkah sebagai berikut :
  1. Setelah di save templatenya , sobat masuk pada Rancangan .
  2. kemudian  Tambah gadget >> pilih gadget yang HTML /Javascript.
  3. copykan kodenya dibawah ini pada HTML/Javascript.
       <span style="cursor:pointer;" onclick="ShowHideNav();">
        Show/Hide Navigation
       <a style="visibility:hidden;" href="http://marchsya.blogspot.com"> </a>
       </span>

    Pada tulisan yang tebal dan berwarna merah , sobat bisa menggantinya dengan gambar ,Button , dan sebagainya . pada Wedsoft ini untuk menghilangkan navbar saya menggunakan cara keempat , karna bagisaya cara tersebut yang paling efektif . sekian dulu ya sobat artikelnya . .  


Comments

Popular posts from this blog

Sum of Product dan Product of Sum

Mengatasi Keyboard yang tidak terdeteksi oleh pc

Dampak yang akan terjadi ketika tidak pernah update aplikasi/software

Cara menyembunyikan item ( my computer , libraries , Network , dll ) pada Windows Explorer