Cara Memasang Sticky Widget Sidebar Melayang Saat Discroll

Mungkin sobat Blogger sudah sering melihat widget sticky ini atau mungkin ada sobat yang belum tahu tentang widget ini ? jika ada akan coba saya jelaskan sedikit. Seperti apa sih Sticky Widget itu ?

Pengertian simple-nya Sticky Widget itu widget yang menempel. Namun didalam Blogspot Sticky Widget adalah widget pada posisi tertentu yang akan selalu mengikuti tampilan monitor walaupun tampilan halaman terus digulung namun akan berhenti pada posisi awal yang telah ditentukan.(betul gak sih,,, hehehehe)

Bagaimana, sobat tertarik untuk memasang Sticky Widget ini pada Blog sobat? Untuk sobat yang ingin memasangnya, silakan simak langkah-langkah yang akan saya jelaskan .OK, kita mulai.

1. Login blogger >> template >> edit html
copy javascript berikut ini kemudian paste diatas kode </body> pada template sobat

<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. Kemudian simpan template.

Cara menggunakan pada widget

Untuk mengaplikasikanya pada widget yang dipilih untuk di buat sticky hanya tinggal menggunakan id dibawah ini tepat sebelum kode widget

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

Jika kurang mengerti akan coba saya jelaskan lagi. disini saya akan membuat widget facebook likebox menjadi sticky

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

Sekian tutorial Cara Membuat Sticky Widget Sidebar di Blogspot, semoga bermanfaat. Jika ada saran dan kritikan atau ada yang kurang dipahami silahkan tinggalkan komentar sobat pada kolom dibawah. Terima Kasih.