Assalamualaikum sob, kembali lagi saya memberikan tutorial-tutorial blogging kepada sobat semua, dan kali ini yaitu giliran tutorial untuk membuat sticky widget dengen efek bounce, dijamin keren deh sob, hehehe.
Cara yang satu ini sendiri saya temukan ketika sedang blogwalking ke blog teman-teman blogger, dan menurut saya tutorial ini menarik maka dari itu langsung saya repost disini.
Biasanya cara untuk membuat sticky widget ini sulit bahkan terlalu sulit untuk dimengerti bagi blogger pemula (seperti saya), maka dari itu saya membagikan tutorial ini ditujukkan agar blogger pemula (seperti saya) bisa menggunakan cara yang satu ini.
Sobat mau melihat contoh sticky widget dengan efek bounce ini ??? jika iya maka hasilnya akan seperti gambar dibawah ini :
Gambar diatas saya ambil ketika saya scoll kebawah sehingga widget followers diatas mengikuti scrollnya, apakah sobat tertarik untuk membuat seperti itu ??? jika sobat ingin membuat sticky widget ini, bisa dengan cara berikut ini.
Cara Membuat Sticky Widget di Sidebar Blog
1. Login ke blogger sobat.
2. Pergi ke dashbord > template > edit template.
3. Cari kode </body> dan letakan kode berikut ini.
<script type='text/javascript'>
$(function(){var offset=$('#HTML1').offset();var topPadding=100;$(window).scroll(function(){if($(window).scrollTop()>offset.top){$('#HTML1').stop().animate({marginTop:$(window).scrollTop()-offset.top+topPadding})}else{$('#HTML1').stop().animate({marginTop:0})}})});
</script>
4. Ganti kode
#HTML1 dengan kode id widget sidebar blog sobat yang sobat ingin jadikan sticky widget.
Saya yakin pasti sobat blogger semua mengerti tentang penjelasan saya diatas, dan jika sobat blogger belum mengerti silahkan tanya langsung ke pada saya dengan cara berkometar dibawah artikel ini.
Dan itulah penjelasan singkat dan padat saya diatas, semoga bisa bermanfaat bagi sobat semua, sekian dan terimakasih serta wassalamualaikum.