Telolet Apps: How to Flash Factory Image on Nexus Devices

Monday, September 4, 2017

How to Flash Factory Image on Nexus Devices

Cara Membuat Sub Menu Melayang saat scroll di blogger

Halo jumpa lagi sama saya blogger ganteng hehe.. For now saya kali ini didin xp akan membagikan entri tentang Widget blogger dengan judul Cara Membuat Sub Menu Melayang saat scroll di blogger atau bisa disebut dengan sticky menu.

BACA JUGA Cara mendapatkan domain TLD gratis 2016

Untuk cara membuat menu melayang diatas header ternyata sangatlah mudah , kamu hanya menambahkan kode script dibawah ini diatas script </body> .Dengan membuat menu melayang setelah discroll (sticky menu) atau membuat menu melayang di web tentunya akan memudahkan pengunjung mengeksplor blog sobat tanpa harus naik turun scroll.

Langsung saja ke tahap Cara Membuat Sub Menu Melayang saat scroll di blogger atau cara membuat menu melayang diatas header.

BACA JUGA Cara verifikasi Blogger agar terindex Di Google

Cara Membuat Sub Menu Melayang saat scroll di blogger :

Langkah pertama membuat sub menu melayang di blogger

Login ke blogger
Pilih Template >> Edit HTML
Kemudian CTRL + F lalu cari kode script </body>
Copy Script dibawah ini
<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>
Pastekan kode tersebut diatas </body> Lalu tekan SAVE TEMPLATE , Selesai.

Lihat DEMO

Demikianlah entri Cara Membuat Sub Menu Melayang saat scroll di blogger atau cara membuat sub menu melayang diatas header , jika ada masalah dengan tutorial diatas silakan bertanya di kolom komentar . sekian dan terima kasih.

download file now

download
alternative link download