Pada bagian atas blogspot terdapat navbar (toolbar navigasi), ini biasanya muncul secara default pada blog yang baru dibuat dan belum dimodifikasi sana-sini, contohnya seperti ini.
Beberapa pemilik blog merasa terganggu dengan kemunculan navbar ini. Ada beberapa cara untuk menghilangkan navbar tersebut.
Sebelumnya anda login dulu pada Blogger, lalu klik design dan edit html.
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://chondrogusti.blogspot.com"> </a>
</span>
Pada newbie's log ini, untuk menyembunyikan navbar, saya memilih cara ke empat. Selamat mencoba.Sebelumnya anda login dulu pada Blogger, lalu klik design dan edit html.
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://chondrogusti.blogspot.com"> </a>
</span>
Sumber : marsya blog
bukan "lalu klik TEMPLATE" TETAPI "Edit Html"
ReplyDeleteSudah pak, terimakasih...
ReplyDelete