Cara Menghilangkan Navigation Bar Pada Blogspot

blogger templates


Bismillahirrahmanirrahim,


Assalamu alaikum rekan blogger, ini ada satu trik yang akan sedikit membuat blog anda lebih terkesan professional, yakni menyembunyikan navbar.

Navbar adalah .... ? apa ya.. pokoknya yang gambarnya seperti dibawah ini.


Klik gambar untuk memperbesar

Nah caranya seperti ini, ada 3 cara :

1. Login ke blogger

2. Rancangan --> Edit HTML

Cara Pertama

Diantara kode <body>, letakkan kode <noembed> dan </noembed>

<noembed> <body> </noembed>

Cara Kedua

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;

Cara Ketiga

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>

3. Simpan Template anda.

Selamat Mencoba

0 Response to "Cara Menghilangkan Navigation Bar Pada Blogspot"

Posting Komentar

Komentar anda sangat berarti bagi kami, sebagai saran untuk kemajuan blog ini kedepan. Terima Kasih.