Cara membuat widget blogger mengikuti scroll

tutorial kali ini masih membahas html dan tips blogger, yang kita bahas adalah cara membuat widget blogger mengikuti scroll/sticky yang ada di blog kamu .
untuk menggunakan widget ini sebaiknya kamu menggunakan widget  yang berada paling atas seperti about us/contact/subcribe dll.

oke langsung saja, langkah yang pertama adalah Login ke akun blogger seperti biasa.!
step-2, masuk ke halaman template > edit template
step-3, Copykan css berikut diatas kode ]]></b:skin>

.sticky {
  position:fixed;
  top:10px;/* jarak dari atas*/
  z-index: 100;
}

step-4, copy koding dibawah ini diatas </body>

<script type="text/javascript">

$(document).ready(function() {

var stickyWidgetTop = $('#HTML1').offset().top;

var stickyWidget = function(){

var scrollTop = $(window).scrollTop();    

if (scrollTop > stickyWidgetTop) {

    $('#HTML1').addClass('sticky');

} else {

    $('#HTML1').removeClass('sticky');

}

};

stickyWidget();

$(window).scroll(function() {

    stickyWidget();

});

});

</script></code></pre>

Ganti HTML1 dengan koding widget yang mau kamu pakai!

Step-5, Save lalu alt+f4 selesai deh, ahahak saya bercanda gan jangan srius, disave aja jgan di alt+f4 ya..

SHARE THIS