TUTORIAL : Hide Navbar !

okeh , hary nie una mahu buat tutorial hide navbar ?? kadangkadang ade blogger yang tak suke dengan navbar yang sedia ade tuh kann ?? soo :) nie ade tuto untuk korunk hide navbar korunk :) follow step2 nie okehh ??



  • Sign ini Blogger > Design > Add Gadget > HTML/JavaScript 
  • setersunya korunk copy this code :) 
<!-- 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 -->

  • dah copy korunk paste & save terus :) so nowww dah jady ^^ hahhhhh , lawa kann ???

KALAU TAK FAHAM TANYA TAUU ?? SELAMAT MENCUBA ^^ 

                                                                                                    18 comments:

                                                                                                    1. thanks una .. kite amek eh code nie ?

                                                                                                      ReplyDelete
                                                                                                    2. mcmmne nkk xnk navbar tuuhh kt blog kiteee ? cm awakk punyee ?

                                                                                                      ReplyDelete
                                                                                                    3. hy una. nak tnye cket mcm mne nak buat assalamualikum tu eh? *hepy kalau dpt reply :)

                                                                                                      ReplyDelete
                                                                                                    4. mintak ambil :> takut jadik copycat lak :D

                                                                                                      ReplyDelete
                                                                                                    5. Awww jadi laaa . Thanks Kak Una . LOve you :D

                                                                                                      ReplyDelete
                                                                                                    6. akak, sye ambil code tu?
                                                                                                      tapii jadii ape ye?

                                                                                                      ReplyDelete
                                                                                                    7. thanks!! ♡shayang awak ketat-ketat♡

                                                                                                      ReplyDelete

                                                                                                    Assalammualaikum and Hye to all Blogger. Harap anda tidak mengeluarkan sebarang bahasa yang kasar ATAU keterlaluan untuk di baca. Ada apa-apa pertanyaan? Sila komen sini.. =TERIMA KASIH=