16 March 2010
Navbar Hide / Show Versi 2
hak milik
Sue
Assamualaikum , Msue nak kongsi lagi ngan korang sume Navbar Hide / Show Versi 2 . Sebelum nie Msue ade wat tutorial dan
1. Login ke Blogspot .
2. Klik Layout - Add a Gadget - Javascript / HTML
3. Copy kod di bawah .
<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>
<span style="cursor:pointer; font-weight:normal; " onclick="ShowHideNav();">
Show/Hide Blogger NavBar
<a style="visibility:hidden;" href="#"></a>
</span>
Note : Pada highlight , tukarkan ngan ayat korang sendiri .
4. Pastekan kedalamnya .
5. Save dan Preview .
Via - Tipandtrick
1. Login ke Blogspot .
2. Klik Layout - Add a Gadget - Javascript / HTML
3. Copy kod di bawah .
<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>
<span style="cursor:pointer; font-weight:normal; " onclick="ShowHideNav();">
Show/Hide Blogger NavBar
<a style="visibility:hidden;" href="#"></a>
</span>
Note : Pada highlight , tukarkan ngan ayat korang sendiri .
4. Pastekan kedalamnya .
5. Save dan Preview .
Via - Tipandtrick
