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.
Posts
kalau pihak blogger dapat tahu, nanti dia cancelkan akaun kita. Sebagai akaun tidak berbayar, kita wajib tunjukkan navbar
makasi ya... infonya
salam
kantor-online.blogspot.com
Thanks for u info ,its usefull for me
Thanks for info ,its usefull for me
ah caranya kepanjangan..
buka nuube.blogspot.com ja disitu da tutorial menghilangkan navigasi bar yang singkat bgt
ah caranya kepanjangan..
buka http://nuubee.blogspot.com ja disitu da tutorial menghilangkan navigasi bar yang singkat bgt
Thank you for the article, i have recode the template of my blog
Thanks yupz, gw udah coba cara 1-3 udah saya coba tapi ga bisa. eh pas cara keempat baru berhasil.
:)
bro thank's ya tutor yg keren
wah... makasih banyak ya.... infonya
sekarang aku uda praktekin pake cara 4
makasih yah...
buat info nya...
dari info itu saya menggunakan cara ke 4 buat blog saya....
jadi takut mau mraktekin.. ntar klo ketauan ma pihak bloggernya, gmn ya...?
di tindak ga...??
download free games for phone n pc here.. http://wareus.co.cc
ralat cara ketiga.
setelah di view source,di web saya class #b-navbar tidak ada. yang ada kelas #navbar.
so, saya coba mengubah #b-navbar menjadi #navbar.
sebelum:
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
sesudah:
#navbar {
height:0px;
visibility:hidden;
display:none;
}
selamat mencoba..! ;)
nice tips, btw pendapatnya taeko itu bener gak seh??
emangnya ada di Term of service bahwa kita gak boleh remove navbar itu??
cara ke 1 sampe 3 ga jitu buat template downloadtan gw, tapi cara ke 4 bener2 efektif. MANTABZZZZ....
Mampir keblogku mba.Templatenya sama :)
Tapi sayang, comentariosnya yang ni belum diganti
Aduh, pelit na ma... Ga boleh Ngelink...
hehehe...
ma kasih tips nya !
wah makasih ya atas infonya di tunggu comment baliknya...
cara 4 oke! thanks
thanks y....
@Untuk semua sahabat blogger yang telah memberi komentar, terima kasih atas kunjungan dan komentar anda
thenkyu.. tyta.. navbar gw ilang.....
Makasih infonya...
Post a Comment