Cara Membuat Sub Menu Melayang saat scroll di blogger
blogger
Halo jumpa lagi sama saya blogger ganteng hehe.. Pada kesempatan 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 2016Untuk 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.
Cara Membuat Sub Menu Melayang saat scroll di blogger :
Langkah pertama membuat sub menu mealayang 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.
0 Response to " Cara Membuat Sub Menu Melayang saat scroll di blogger"
Post a Comment
Terima kasih telah membaca artikel di atas, kalau boleh dibantu tolong berikan komentar yang relevan sesuai dengan topik pembahasan artikel di atas. Anda diperbolehkan berkomentar dengan memperhatikan hal-hal berikut:
1. Komentar jangan mengandung SARA dan PORNO.
2. Jangan berkomentar dengan menggunakan LINK AKTIF.
3. Jika Anda Menemukan Brokenlink Silahkan Laporkan Melalui Komentar