Cara Membuat Widget Sidebar Melayang Sticky Saat di Scroll Dengan Mudah

Kali ini saya akan membahas cara membuat widget sidebar melayang sticky Saat di Scroll , Tutorial ini adalah tutorial pendukung untuk memperbanyak klik pada suatu widget , dengan itulah mengapa saya memposting masalah ini, anda bisa melihat contohnya pada sidebar saya ini !! oke langsung saja , ikutilah cara membuat widget sidebar melayang sticky Saat di Scroll  berikut ini dengan seksama :

1. Copy Code dibawah ini dan Pastekan di atas </body>

<script type='text/javascript'>
      $(document).ready(function(){
    $("#on-top").sticky({topSpacing:0});
      });
    </script>
<script src='https://googledrive.com/host/0B0Dd8XYrtgdDQS03RzFLSmx6RVE/sticky.js' type='text/javascript'></script>

2. Simpan Template anda

3. Pasang Kode Tersebut Pada Widget yang anda inginkan :

Contoh :

     <div id="on-top">code widget yang ingin di beri posisi sticky    </div>

Seperti ini :

     <div id="on-top"><div class="fb-like-box" data-href="http://www.facebook.com/depermana12" data-width="290" data-height="182" data-show-faces="true" data-stream="false" data-show-border="false" data-header="false"></div></div>


Nah itulah beberapa cara membuat widget sidebar melayang sticky Saat di Scroll Dengan Mudah