Cara Menghilangkan Navigation Bar Pada Blogspot


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


Bagikan ke WhatsApp Facebook X.com

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.