Tutorial hide navbar
Jan 2, 2012 • 2.1.12 • 0 comments Hello peeps , okay , hari ni raraa mahu share tutorial hide navbar. kadang-kadang ada blogger yang tak suka dengan navbar yang sedia ada tu kan ? so :) nie ade tuto untuk korang hide navbar korang :) follow step2 nie okay. Sign ini Blogger > Design > Add Gadget > HTML/JavaScript seterusnya korang 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 korang paste & save terus :) so now dah jady. lawa kan ? KALAU TAK FAHAM TANYA TAU. SELAMAT MENCUBA . |
MY WORDS;
OTHERS;
♥ >> Rindu Allah :')
date : NOW
at:10 am
♥ >> Dapat template baru
date : 1hours ago
at:7am
♥ >> Raraa sayang Allah
date : 12/12/12
at: 12pm
♥ >> Menjadi anak solehah
date: 25/11/2012
at: 13.12pm
BLOG ARCHIVE; |