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