Sticky dalam Bahasa Indonesia artinya menempel. Dalam istilah website Sticky berarti berada di depan atau selalu mengikuti walaupun mouse terus di scroll. Sedangkan Sticky Widget Sidebar berarti membuat widget yang selalu menempel walaupun mouse kita scroll.
Untuk lebih memahami apa itu sticky widget sidebar, silahkan scroll kebawah dulu sampai habis, (nanti kembali lagi ke sini... ) Anda akan menemukan widget yang terus mengikuti seperti dibawah ini
yang mau sidebarnya menjadi sticky langsung saja :
- Cari kode
</head>
dan letakkan kode dibawah ini tepat diatasnnya :
Kode JavaScript
$(function() {
var $sidebar = $("#sidebar-wrapper"),
$window = $(window),
offset = $sidebar.offset(),
topPadding = 15;
$window.scroll(function() {
if ($window.scrollTop() > offset.top) {
$sidebar.stop().animate({
marginTop: $window.scrollTop() - offset.top + topPadding
});
} else {
$sidebar.stop().animate({
marginTop: 0
});
}
});
});
#sidebar-wrapper adalah nama instrumen, beda template beda instrumen
- Klik Save
Sekarang Tinggal Lihat Hasilnya di Blog Anda.
aku gak punya sidebar :))
ReplyDelete(p)
DeleteCoba aja mastah :) , wah bisa aja mastah :-d
ReplyDeletetemplatenya kapan nih di share, dah lama nunggunya
ReplyDeletejelek templatenya ;-(
ReplyDelete:-s
ReplyDeleteWah mantap tutorialnya :)
ReplyDeleteaku coba di blog. Terima Kasih Willy.
Mari berkunjung kembali, Salam.
thaks :)
Deletekeren mas ,, di coba dulu :D
ReplyDeletesilahkan di coba :D
Deleteartikelnya mantap, renyah sob. bisa ane coba nih. heheh.
ReplyDeletetengok kesini juga ya sob. :)
moggo coba :D
Deletekeren mas, ikut belajar ya heheheh :)
ReplyDeletethaks gan, yo silahkan :D
Delete