Cara Membuat Widget Tetap diatas saat digulung (scroll)

Ketika pengunjung menggulung (scroll) blog Anda untuk melihat lebih konten di bagian bawah, bagian atas blog Anda keluar jendela dari atas untuk membuat jalan bagi bagian bawah yang masuk ke atas.

Sekarang apa yang akan kita lakukan adalah agar widget pilihan Anda tetap di tepi atas jendela seperti, sehingga membuat widget terlihat saat di scroll. Ini akan mengapung di sana sampai lokasi semula kembali saat halaman menggulir kembali.

Trik ini berlaku untuk semua widget atau elemen yang memiliki ID, dimanapun lokasinya di blog Anda. Ini baik untuk navigasi bar, kotak langganan dan tombol media sosial berbagi.

Berkut cara menginstalnya:

1. Paste kode dibawah ini di atas tag </ body> dalam template Blogger Anda, kemudian paste kode dibawah ini diatasnya

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

<SCRIPT>

$(document).ready(function() {

    var div = $('#YOUR_WIDGET_ID');

    var start = $(div).offset().top;

    $.event.add(window, "scroll", function() {

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

        $(div).css('position',((p)>start) ? 'fixed' : 'static');

        $(div).css('top',((p)>start) ? '0px' : '');

    });

});

</SCRIPT>

2. Dapatkan ID dari widget atau elemen yang ingin Anda buat lengket dan masukkan untuk menggantikan "YOUR_WIDGET_ID").
Misalnya katakanlah ID widget adalah HTML9, maka kodenya menjadi:

    var div = $('#HTML9');

3.  Preview sebelum Save.



Selamat mencoba!
Sumber: http://viralpatel.net
Cara Membuat Widget Tetap diatas saat digulung (scroll)