Tips Blogger Pemula: TIPS MENGHILANGKAN NAVBAR PADA BLOGGER / BLOGSPOT

Kamis, 17 Maret 2011

TIPS MENGHILANGKAN NAVBAR PADA BLOGGER / BLOGSPOT

Navbar ialah singkatan dari Navigation Bar yaitu berupa toolbar yang terdapat pada bagian atas sebuah blog dari blogger/blogspot. Navbar ini biasanya secara otomatis ditampilkan saat pertama kali blog dibuat dan default warnanya adalah warna biru tua seperti gambar di bawah ini.

Beberapa pemilik blog merasa terganggu dengan kemunculan navbar ini.Lantas bagaimana cara menyembunyikan navbar ini? Ada beberapa cara :
Sebelumnya anda login dulu pada Blogger, lalu klik TEMPLATE.

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>

Sebagai navigasi, anda bisa pasang button untuk menampilkan atau menyembunyikan navbar pada blog anda.Copy dan paste kode dibawah ini dan letakkan dibagian lain dari halaman blog anda.Bisa di side bar atau dimana saja sesuai dengan keinginan anda.

<span style="cursor:pointer;" onclick="ShowHideNav();">
Show/Hide Navigation
<a style="visibility:hidden;" href="http://marchsya.blogspot.com"> </a>
</span>