Cara Mudah Membuat Sticky Widget di Blog

Apa itu Sticky Widget ? Sticky Widget dapat membuat Widget yang kita Pilih terus mengikuti kebawah saat di Scroll,seperti Widget Paling Dilihat,di Blog saya akan terus mengikuti hingga Kebawah,dan cara memasang nya di Blog nya sangat mudah

Sticky Widget juga sangat berguna untuk menarik perhatian Visitor,dan juga Sticky Widget ini tidak terlalu berat untuk dipasang di Blog,jadi tidak akan membuat Blog anda menjadi lelet !

Langsung Ke Cara Pemasangan ya

1.Buka Blogger
2.Masuk ke Template lalu pilih Edit HTML
3.Setelah itu cari kode ]]></b:skin> 
4.Setelah ketemu kode tersebut,copy kode dibawah ini,dan paste-kan tepat Diatas ]]></b:skin>

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

5.Jika sudah,jangan Save Template anda terlebih dahulu,cari kembali kode </body>
6.Jika sudah ketemu kode tersebut,copy kode dibawah ini,dan paste-kan tepat 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>

7.Setelah itu,ganti-lah kode #HTML1 dengan kode widget yang ingin kalian buat sticky.

Bagaimana cara mengetahuinya ? Sekarang coba buka bagian Tata Letak,disitu silahkan klik Edit pada widget yang kalian ingin buat sticky,dan silahkan lihat di bagian akhir URL,akan terlihat kodenya,seperti (#HTML1) atau yang lain,Jika masih kurang paham silahkan lihat gambar dibawah

Bagian yang saya beri tanda panah merah adalah Kode Widgetnya

SourceCode : http://blog.kangismet.net/2012/10/membuat-sticky-widget-sidebar-di.html
Cukup sekian dari post ini,semoga dapat menambah informasi bagi anda