Translator

Menghilangkan Navbar pada Blogger atau 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.


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 Blog ini, untuk menyembunyikan navbar, saya memilih cara ke Empat.
Note : Untuk pencarian kode secara cepat tekan ctrl+F pada keyboard dan masukan kode yang akan anda cari
Selamat mencoba.


0 komentar:

Posting Komentar

Terimakasih sudah mampir di blog saya
jangan lupa kasih komentar anda disini

Related Posts Plugin for WordPress, Blogger...
Saikhu_Blog. Diberdayakan oleh Blogger.

Di dukung Oleh

    100% Backlink Indonesia rajacolekrajacolekrajacolekrajacolekrajacolekrajacolektips dan trikrajacolekphotobucketbertaubatlahtabur iklanraja gameFree Promotion LinkFree Smart Automatic BacklinkMalaysia Free Backlink ServicesMAJLIS LINK: Do Follow BacklinkLink Portal Teks TVjapanese instant free backlink Free Plugboard Link Banner ButtonFree Automatic Backlink Service backlink PlanetBlog - Komunitas Blog Indonesia
    100% Backlink Indonesia

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | cheap international calls