Sekilas Isu Trik Menciptakan Sajian Navigasi Tetap Walaupun Di Scroll

Cara Membuat Menu Navigasi Statis atau Sticky di Blog,- Template yakni sebuah elemen dasar yang membangun sebuah blog atau web yang berisi dari semua fitur menyerupai Sidebar, Header, Post, footer dan lain-lain. atau sanggup dikatekan bahwa template yakni sebuah wadah untuk eleman lain dari blog serta sebagai tampilan sebuah website.atau blog.

Template blog juga sangat mempengaruhi kesuksesan sebuah blog, kesudahannya silahkan pilih template yang sudah terbukti Seo friendly atau disukai mesin penelusuran google. namun dari semua elemen yang membangun template menyerupai sidebar, Header, Footer dan lain-lain. disini aku akan membagikan sedikit tutorial yang mungkin bermanfaat untuk anda yaitu Cara menciptakan sajian navigasi tetap walaupun di scroll kebawah.

Sebenarnya tutorial ini aku peruntukan bagi yang ingin sekali menciptakan sajian navigasi sticky menyerupai blog lain yang menggunakan, dan cara ini sanggup dibilang sedikit rumit, oleh sebab itu silahkan di simak baik-baik. berikut tutrialnya:

Cara Membuat Menu Navigasi Tetap walaupun di Scroll

1. Pertama silahkan masuk ke Blogger - Template - Edit Html.

2. Kemudian Silahkan cari isyarat Menu navigasi, pada setiap blog kodenya berbeda-beda namun yang niscaya terdapat isyarat (nav), sebagai rujukan isyarat blog aku yakni #navitions.

3. Silahkan catat atau hafalkan isyarat tersebut, lalu silahkan cari isyarat </body>, kalau sudah ketemu copy isyarat dibawah ini dan paste diatas isyarat </body>

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

4. Selanjutnya ganti isyarat #nav diatas dengan isyarat sajian navigasi yang sebelumnya ada hafalkan atau catat.

5. Biasanya sajian tersebut akan berantakan, untuk mengatasinya silahkan ganti width:100%; yang ada pada isyarat sajian menyerupai langkah no 2, dengan width:950px; atau kalau tidak ada silahkan tambahkan sendiri. dan untuk menyesuaikanya dengan template anda sanggup diganti 950px dengan ukuran lain.

Itulah cara menciptakan sajian navigasi tetap walaupun di scroll kebawah, sekian tips blog yang sanggup aku bagikan dan Semoga berhasil.