Cara Membuat Menu Bar Tetap ada Ketika di Scroll

   Halo Sob WHCSpensaAdY. Ketika kita membuat menu bar di blog kesayangan kita, menubar nya ketinggalan diatas. lalu saya iri karena lihat blog orang lain dan akhirnya ketemu jugaa....!!!. Saya senang Sekali. Hehhehhe (malah cerita).

Gak Usah Banyak Bacot Lagi Langsung Aja Lihat Bawah



1. Buka Blogger Kamu
2. Template, Edit HTML
3.Copykan script di bawah tepat di atas </body>

<script type='text/javascript'> //<![CDATA[ $(document).ready(function() { var stickyNavTop = $('#cat-nav').offset().top; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyNavTop) { $('#cat-nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 }); } else { $('#cat-nav').css({ 'position': 'relative' }); } }; stickyNav(); $(window).scroll(function() { stickyNav(); }); }); //]]>

Jika Kamu Membaca Dari Tutorial Saya
Copy Kode Di Bawah ini

<script type='text/javascript'> //<![CDATA[ $(document).ready(function() { var stickyNavTop = $('#menubar').offset().top; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyNavTop) { $('#menubar').css({ 'position': 'fixed', 'top':0, 'z-index':9999 }); } else { $('#menubar').css({ 'position': 'relative' }); } }; stickyNav(); $(window).scroll(function() { stickyNav(); }); }); //]]>

Atau Jika Menu Bar Kamu Berasal Dari Blog Lain ubah bagian "#menubar" pada script di atas menjadi
kode yang ada di menubar kamu

Caranya Gimana??

Buka Template, EDIT HTML

Cari Bagian Menu Bar kamu
biasanya bentuknya seperti ini

<div id='kodemenubarkamu'>    /    <div id='.kodemenubarkamu'>

Yang Satu Tidak Diawali Titik yang Satunya Lagi Diawali titik
yang tidak diawali titik menjadi #kodemenubarkamu
dan yang di awali "titik" menjadi .kodemenubarkamu

lalu Menjadi Seperti ini

<script type='text/javascript'> //<![CDATA[ $(document).ready(function() { var stickyNavTop = $('#kodemenubarkamu/.kodemenubarkamu').offset().top; var stickyNav = function(){ var scrollTop = $(window).scrollTop(); if (scrollTop > stickyNavTop) { $('#kodemenubarkamu/.kodemenubarkamu').css({ 'position': 'fixed', 'top':0, 'z-index':9999 }); } else { $('#kodemenubarkamu/.kodemenubarkamu').css({ 'position': 'relative' }); } }; stickyNav(); $(window).scroll(function() { stickyNav(); }); }); //]]>

Terimakasih Telah mau membaca Artikel saya ini.
Semoga Bermanfaat

BY: YOUELZ ZITOROES