Cara Membuat Menu Navigasi Blog Tidak Hilang Saat diScroll (Sticky Nav)

Assalamu’alaikum Warrahmatullahi Wabarakatuh, Semoga Keselamatan dan Rahmat Allah serta KeberkahanNya terlimpah kepada kalian. 🙂 dijawab dulu ya?:)

Stycky Nav adalah kata atau sebutan saya untuk efek pada Menu navigasi blog, dimana Menu Navigasi blog akan tetap kelihatan saat page / halaman blog diScroll kebawah. buat apa fungsinya??

Pertama Buat Ibadah, lha kok bisa. ya bisa, kan niat kita untuk memudahkan visitor / pengunjung saat ingin mengakses menu navigasi kita padahal page halaman sedah discroll kebawah, jadi tidak harus naiki page halaman. gimana?? ibadah kan??:)

Kedua Buat memperkeren Blog kita, jadi visitor akan merasa nyaman ketika berkunjung kee Blog kita, lalu gimana cara buatnya?? cara buatnya silahkan ikuti step by step dibawah ini.

1. Niat. niatkan buat Ibdah untuk mencapai Ridha Allah.
2. Baca Basmallah, Bismillahirrahmanirrahim
3. Buka Dasbor Blog kamu, terus masuk ke “Template”, dan klik “Edit HTML”
4. cari kode , Gunakan Ctrl + F untuk memudahkan pencarian.
5. setelah ketemu copy kode dibawah ini diatasnya.

<script type="text/javascript">
var sticky_nav_offset_top = $('#nav').offset().top;$(function() {
var sticky_nav = function(){
var scroll_top = $(window).scrollTop();
if (scroll_top > sticky_nav_offset_top) {
$('#nav').css({ 'position': 'fixed', 'top':0, 'left':0 });} else {
$('#nav').css({ 'position': 'relative' });}
};
sticky_nav();
$(window).scroll(function() {
sticky_nav();
});
});
</script>

6. ganti #nav dengan identitas CSS menu navigasi kamu, Biasanya #menubar, #navbar, #navigation cari kode yang mirip – mirip dengan kode tersebut didalam CSS / diapit dan
7. jika belum ada kode yang mirip dengan kode dibawah ini maka tambahkan diatas , jika anda ragu lebih baik tambahkan saja . 🙂

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript">

8. Simpan Template.
9. lihat template anda dan semoga berhasil.
10. jangan lupa bersyukur entah itu berhasil atau tidak, karena semua pasti ada hikmahnya 🙂
Terima kasih telah berkunjung ke blog ini, Wassalamu’alaikum Warahmatullahi Wabarakatuh