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 .
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 :
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 :
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 :
- Login ke Blogger , kemudian masuklah ke dasbor blog sobat.
- setelah itu Masuk pada Rancangan >> kemudian Edit Html.
- jangan lupa di expand dulu ya sobat blogger.
- setelah itu ikuti beberapa cara di bawah ini ( pilih salah satu cara dari kempat cara dibawah ini ya ...)
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 :
- Setelah di save templatenya , sobat masuk pada Rancangan .
- kemudian Tambah gadget >> pilih gadget yang HTML /Javascript.
- 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>
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
Post a Comment
Ketentuan dan Larangan Pengisian Komentar :
1. Dilarang Memasukan Link Aktif pada Komentar.
2. Dilarang Promosi Produk/Jasa pada Komentar.
3. Komentar yang tidak berhubungan dengan artikel diatas maka dianggap SPAM.
4. Komentar yang tidak Berkualitas akan dihapus.