Eh korang , Tahu ape tu nav bar ?
Okay ,
See here ...
Haa , mesty korang punya blog ade nav bar nie kan ?
kalau tade ,
that means tuu bukan blogspot tu >w< ,
hahahaa Okay ,
sekarang korang nak navbar nie tersorok ,
dan keluar apabila cursor korang ke atas nya tuu .
dan satu lagi cara ialah menghilangkan Navbar :] .
See , Learn and Follow me step by Step :] .
Step 1 ::
Dashboard > Design > Add Gadget > Html/javascript
DUA CARA UNTUK MENGHILANGKAN NAVBAR :] .
Copy kan code kat bawah nie dan paste kan ke dalam kotak Html tuu ye :) .
<!-- DROPDOWN NAVBAR -->
<!-- stylesheet for FF2, Op9, IE7 (strict mode) -->
<style type="text/css">
#navbar {
display:inline;
width:100%;
position:absolute;
background-color:transparent;
top:-30px;
left:0px;
height:60px;
z-index:999999;
}
#navbar:hover{
top:0px;
height:30px;
}
</style>
<!-- stylesheet for IE6 and lower -->
<!-- (not supporting element:hover) -->
<!-- first, unhide the navbar through css -->
<!-- second, hide the navbar and mimic -->
<!-- the effect with javascript, if available -->
<!--[if lt IE 7]>
<style type="text/css">
#navbar {
height:30px;
top:0px;
}
</style>
<script type="text/javascript">
var navbar = document.getElementById('navbar');
if(navbar){
navbar.onmouseover = function(){
navbar.style.top = '0px';
navbar.style.height = '30px';
}
navbar.onmouseout = function(){
navbar.style.top = '-30px';
navbar.style.height = '60px';
}
if (navbar.captureEvents){
navbar.captureEvents(Event.MOUSEOVER);
navbar.captureEvents(Event.MOUSEOUT);
}
navbar.onmouseout();
}
</script>
<![endif]-->
<!-- end dropdown navbar -->
Okay ? lepas tuu tekan Preview duluu ,
Dah puas hati ? Baru lha tekan Save :] .
CARA KEDUA UNTUK MENGHILANGKAN NAVBAR :] .
Step 1 ::
Dashboard > Edit Html > Tick Expand widget Templates .
dan carik code nie ...
. <body>
dah jumpa ? Okay , Copy kan code di bawah nie dan paste kan kat bawah code yang korang carik tadi ,
<style type=’text/css’>#navbar-iframe {display:none;}</style>
Okay ? dah preview duluu ,
dah puas atas ,
Tekan la Save :] .
CARA UNTUK AUTO HIDE NAVBAR :] .
Step 1 ::
Dashboard > Edit Html > Tick Expand Widget Template .
Step 2 ::
Carik code bawah nie dengan tekan kan Ctrl+F serentak .
body {
Okay , dah jumpa kan ?
Then Copy dan paste kan code kat bawah ni kat ATAS code yang korang carik tadi :] .
#navbar-iframe{opacity:0.0;filter:alpha(Opacity=0)}#navbar-iframe:hover{opacity:1.0;filter:alpha(Opacity=100, FinishedOpacity=100)}
Then Korang Preview duluu ,
dah puas hati :) ?
Korang Tekan Save la ye :) .
SELAMAT BERAMAL :] .
#1
Post a Comment