Social Items

Buat menu sticky di blogger tanpa ribet

Pernahkah sobat melihat situs yang dimana ketika di geser ke bawah menu menggantung atau melayang tidak ikut ke bawah,? Itu adalah yang biasa disebut oleh blogger Sticky menu, sticky menu ini bisa sobat gunakan untuk mempermudah navigasi pengunjung blog.

Untuk membuat sticky menu ini tidaklah mudah, hanya butuh ketelitian dalam menulis kode, karena kurang tanda sedikit saja, bisa tidak berfungsi atau gagal. nah kali ini saya akan membagikan cara membuat sticky menu di blogger tanpa ribet, hanya beberapa pin saja.

Berikut langkah-langkah nya :

Pertama. Berdo'a dulu semoga berhasil.
Kedua. Pastikan sobat sudah login di Blogger
Ketiga. Masuk ke Edit HTML
Keempat. Ketik CTRL+F lalu cari  </body>
Kelima. Letakkan kode di bawah ini di atas kode </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>

Keenam. Ganti Tulisan Nav pada kode di poin kelima dengan class menu sobat.
Ketujuh. Alhamdulillah, selesai.

Mudah bukan, cara membuat sticky menu di blogger. Sekian, jika sobat belum berhasil silahkan periksa lagi kodenya mungkin ada yang kelewat atau belum diganti. kalau ada yang ditanyakan bisa komen dibawah ya, terimakasih sudah berkunjung.

Baca Juga :Menyembunyikan widget pada satu halaman statis tertentu

Buat menu sticky di blogger tanpa ribet

Buat menu sticky di blogger tanpa ribet

Pernahkah sobat melihat situs yang dimana ketika di geser ke bawah menu menggantung atau melayang tidak ikut ke bawah,? Itu adalah yang biasa disebut oleh blogger Sticky menu, sticky menu ini bisa sobat gunakan untuk mempermudah navigasi pengunjung blog.

Untuk membuat sticky menu ini tidaklah mudah, hanya butuh ketelitian dalam menulis kode, karena kurang tanda sedikit saja, bisa tidak berfungsi atau gagal. nah kali ini saya akan membagikan cara membuat sticky menu di blogger tanpa ribet, hanya beberapa pin saja.

Berikut langkah-langkah nya :

Pertama. Berdo'a dulu semoga berhasil.
Kedua. Pastikan sobat sudah login di Blogger
Ketiga. Masuk ke Edit HTML
Keempat. Ketik CTRL+F lalu cari  </body>
Kelima. Letakkan kode di bawah ini di atas kode </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>

Keenam. Ganti Tulisan Nav pada kode di poin kelima dengan class menu sobat.
Ketujuh. Alhamdulillah, selesai.

Mudah bukan, cara membuat sticky menu di blogger. Sekian, jika sobat belum berhasil silahkan periksa lagi kodenya mungkin ada yang kelewat atau belum diganti. kalau ada yang ditanyakan bisa komen dibawah ya, terimakasih sudah berkunjung.

Baca Juga :Menyembunyikan widget pada satu halaman statis tertentu

Tidak ada komentar

Assalamu'alaikum warohmatullah wabarokatuh.

Peraturan dalam berkomentar !
--------------------------------------------
1. Berkomentarlah yang relevan sesuai topik yang dibahas diatas.
2. Gunakan bahasa yang baik dan sopan.
3. Tidak Meninggalkan Link aktif.
4. Tidak berkomentar mengandung SPAM