Tutorial : Dropdown Navbar

hari ni aku sangat bosan :) jadi pagi2 buta ni aku nak share dengan korang pasal DropDown Navbar . 

Apa tu Dropdown Navbar ? Okay , kau tengok aku punya blog . Ada tak Navbar ? Ada ? merepek lah kau , Mana ada . Cuba tengok dengan teliti . Tak ada kan ? haha . Dia tak ada sebab dia sembunyi . Tak caya eh ? Cuba kau try letak cursor kau dekat Adv Nuffnag aku bahagian atas tu . Keluar tak ? Keluar kann ? ahh ~ so aku malas nak lengang kan masa aku ni . Jom tengok cara nak sembunyikan Navbar tu . 

1.Dashbord > Design > Add Gadget > Html / Scripts

2.Copy code dibawah dan paste kan diruangan CONTENT . 

<!-- 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 -->

3.Save dan goyangkan kepala anda . 

credit to : Syahella