Untuk 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>
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>
Cara Lima, tambahkan kode di bawah ini diatas kode ]]></b:skin>:
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
height:0px;
visibility:hidden;
display:none
}
Cara ke Enam Bisa juga menaruh kode script berikut ini di bawah kode <body>
<style type='text/css'>
#navbar-iframe {display:none;}
</style>
#navbar-iframe {display:none;}
</style>
Setelah anda menyimpan template dengan cara save template. Coba anda login ke blog anda dan Navigasi Bar Blogger tersebut telah hilang. Simpan tips ini bila dikemudian hari anda ingin memunculkan kembali Navigasi Bar Blogger.
Pada Marchsya Blog ini, untuk menyembunyikan navbar, saya memilih cara pertama.Selamat mencoba.
0 komentar:
Posting Komentar