Cara Membuat Widget Sticky

Sticky dalam bahasa Indonesia artinya lengket/lekat/menempel maka artinya widget sticky adalah widget yang selalu menempel walaupun discroll ke bawah. Jika anda ingin memasangnya ikuti langkah-langkahnya.

~Login ke "Blogger" masuk ke "Template" lalu "Edit Template"
~Simpan kode dibawah ini tepat 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) {     $('#HTML7').addClass('sticky');} else {    $('#HTML7').removeClass('sticky'); }};stickyWidget();$(window).scroll(function() {    stickyWidget();});});</script>

Ganti kode #HTML7 dengan ID widget sobat.
Cara mencari ID widget cukup klik edit pada widget yang ingin dibuat sticky lalu catat ID widgetnya, Screenshot:

yang diberi kotak merah itu ID widget

~Simpan kode dibawah ini tepat diatas kode ]]></b:skin> :

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

~Simpan/Save Template
Selamat mencoba dan semoga Anda berhasil.

Share on Google Plus

About Unknown