Cara Membuat Menu Melayang Setelah Di Scroll (Sticky Menu)

Ada 2 Cara Membuat Menu Melayang Setelah Di Scroll (Sticky Menu) 
Ikuti Langkah - Langkah di bawah ini :

Langkah  ke 1.

{stick menu}

1. Pertama silahkan anda masuk pada Blogger Template - Edit HTML.
2. Cari kode </body> kemudian paste script berikut ini diatasnya. Kemudian tentukan selektornya yang saya beri warna merah ( Pada script dibawah saya aplikasikan pada #nav untuk menu navigasi )
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    // Menentukan elemen yang dijadikan sticky yaitu #nav
    var stickyNavTop = $('#nav').offset().top; 
    var stickyNav = function(){
        var scrollTop = $(window).scrollTop();  
        // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya        
        if (scrollTop > stickyNavTop) { 
            $('#nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
        } else {
            $('#nav').css({ 'position': 'relative' });
        }
    };
    // Jalankan fungsi
    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});
//]]>
</script>
3. Selesai, terakhir tinggal simpan template anda.

Langkah ke 2 

1. Masuk ke Dashboard Blogger > Template > Edit HTML

2. Kemudian cari kode </body> dengan menekan CTRL+F. Masukan kode berikut, letakan tepat di       atas </body>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
    var stickyNavTop = $('.nav').offset().top;
    var stickyNav = function(){
        var scrollTop = $(window).scrollTop(); 
        // Kondisi jika discroll maka menu akan selalu diatas, dan sebaliknya       
        if (scrollTop > stickyNavTop) {
            $('.nav').css({ 'position': 'fixed', 'top':0, 'z-index':9999 });
        } else {
            $('.nav').css({ 'position': 'relative' });
        }
    };
    stickyNav();
    $(window).scroll(function() {
        stickyNav();
    });
});
//]]>
</script> 

Contoh Menu Navigasi 

Pada elemen yang akan dibuat sticky dalam hal ini '.nav', bisa anda ganti dengan elemen ang lainnya tergantung selera. Sebagai contoh jika #Sidebar yang ingin dibuat sticky maka isikan '#Sidebar' dan seterusnya.

Langkah ke 3

 
 

Selamat Mencoba