Sebenarnya artikel ini sudah banyak ditulis dan dibawas, diblog saya yang lain juga artikel ini sudah pernah di tulis. Tapi untuk melengkapi artikel diblog ini maka saya mempostingnya kembali. Membuat widget seperti ini lebih dikenal dengan sticky widget.
Berikut kode css yang biasanya diletakan diatas kode ]]></b:skin> yang ada didalam tempalte blog.
.sticky {
position:fixed;
top:10px;
z-index: 100;
}
Berikut kode java script yang di letakan diatas kode </body>
<script type='text/javascript'>
$(document).ready(function() {
var stickyWidgetTop = $('#HTML7').offset().top;
var stickyWidget = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyWidgetTop) {
$('#HTML8').addClass('sticky');
} else {
$('#HTML8').removeClass('sticky');
}
};
stickyWidget();
$(window).scroll(function() {
stickyWidget();
});
});
</script>
Silahkan ganti kode berwarna merah yang HTML8 dengan id widget yang akan sobat buat menjadi sticky widget, misalnya HTML7 dsb. Sebaiknya juga sobat meletakan widget ini dipaling bawah sidebar sobat. Jika sobat meletakannya diatas widget lain maka kemungkinan widget yang lain itu akan tertahan juga. Semoga Bermanfaat Salam Blogger. . .
Terima Kasih telah membaca artikel tentang cara membuat widget tertahan atau widget Melekat di blog /sticky widget . Silahkan baca artikel lainnya di daftar isi.
Judul :
cara membuat widget tertahan atau widget Melekat di blog /sticky widget
.
Ditulis oleh :
Unknown
.
Pada hari :
Sunday 3 August 2014
.
Rating Blog :
5
dari 5
Syarat berkomentar :
1. Tidak boleh mencantumkan link aktif ( auto delete )
2. Tidak boleh mengandung SARA, pornografi,dsb.
3. Budayakan berkomentar dengan sopan dan menghargai pendapat orang lain.
ConversionConversion EmoticonEmoticon