Tutorial membuat Widget di Sidebar Tetap Ada Walaupun Di Scroll

inilah tutorial membuat widget di side bar tanpa harus susah payah

Artikel Anda Kepanjangan ? tetapi widget pendek dan kadang-kadang suka kelolosan. Disini Akan saya jelaskan bagaimana cara widget tetap ada walaupun lagi di scroll.

Langsung saja ke topik ya sekarang login ke blogger.com lalu masuk ke template [edit HTML]

Cari Kode </body> tinggal tekan [ctrl f] lalu cari kalau sudah ketemu COPY KODE DIBAWAH letakan kode tersebut diatas kode </body>.

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<SCRIPT> 
$(document).ready(function() {
var div = $('#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>

Nah sekarang tinggal ganti WIDGET ID yang berwarna merah dengan widget ID yang Anda gunakan, usahakan gunakan widget ID yang terakhir agar lebih mudah.

Cara menentukan widget ID bagaimana ?

Cara menentukan widget ID cukup Mudah Tinggal Blogger > Template > Edit HTML > cari
widget id nah kalau widget id ini biasanya berurutan jadi tinggal pilih widget mana yang akan tetap bertahan saat di scroll.

Jika Anda ingin memepertahankan widget ID HTML2 saat di scroll gunakan ID HTML2 begitu juga sebaliknya.

Langkah Terakhir Save Mudah bukan ? sekian dan terimakasih semoga bermanfaat kalau masih bingung komentar aja sob!