Pages

Monday, May 17, 2010

Cara Menghilangkan Navbar pada Blogger/Blogspot

Pada suatu blogger/blogspot pada bagian atas dari
blog anda ada beruba toolbar yang biasa disebut navbar.Navbar secara otomatis
dimunculkan pada sebuah blog blogger/blogspot yang baru dibuat dan mempunyai
warna defaultnya adalah warna biru tua.

Klik

gambar untuk memperbesar
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>


Pada
Marchsya Blog ini, untuk menyembunyikan navbar, saya memilih cara
pertama.Selamat mencoba.

0 comments:

Post a Comment