cara membuat widget sidebar blog tidak bergerak saat di scroll


Cara membuat widget sidebar blog tidak bergerak saat di scroll
-Apakah anda seorang blogger pemula seperti saya, dan sedang belajar mengotak-atik blog kesayangan anda? Setiap blogger pasti menginginkan tampilan blognya secantik mungkin, baik itu penulisan, desain, tata letak widget sidebar, footer, dan yang lain lagi. Untuk dapat mempercantik blog anda salah satunya adalah dengan membuat sticky widget sidebar atau dalam bahasa indonesianya membuat widget sidebar blog tidak bergerak saat di scroll, seperti yang dapat anda lihat pada tampilan widget blog sebelah kanan yang ketika anda scroll kebawah, ada satu widget yang tetap diam, atau tidak ikut ke scroll.

cara-membuat-widget-sidebar-tidak-bergerak

Cara membuat sticky widget tidak bergerak saat di scroll sangatlah mudah, anda cukup menambahkan beberapa kode html kedalam template widget blog anda, seperti yang akan saya terangkan berikut ini. Sehingga anda dapat mempraktekkannya sendiri dengan mudah dan dijamin berhasil.

Baca juga ini:
Mencari letak expand widget template blogspot baru
Cara memasang alexa rank di website blogspot
Cara mengganti domain blogspot menjadi domain .com

Cara membuat widget sidebar blog tidak bergerak saat di scroll

1. Silahkan anda Login ke halaman Dashbord blogspot.
2. Pilih Tata Letak kemudian klik Tambahkan Gadget
3. Masukkan kode html dibawah ini kedalam gadget yang baru saja anda buat.

<style>
.sticky {
position:fixed;
top:10px;
z-index: 100;
}
</style>
<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML2').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyWidgetTop) {
$('#HTML2').addClass('sticky');
} else {
$('#HTML2').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
stickyWidget();
});
});
</script>


4. Ganti tulisan berwarna merah dengan kode html widget yang ingin anda buat sticky, misalnya diganti dengan HTML7 atau yang lainnya terserah sesuai dengan keinginan anda. Saya sarankan widget yang akan anda buat sticky adalah widget sidebar yang letaknya paling bawah, karena jika yang anda buat sticky adalah widget sidebar paling atas, maka semua widget sidebar dibawahnya tidak akan terlihat, alias tertutup widget sticky.

Bagaima sudah cukup jelaskan? sekarang silahkan anda coba sendiri tips cara membuat widget sidebar blog tidak bergerak saat di scroll. Selamat belajar ngeblog, Semoga berhasil dan sukses selalu.
Back To Top