ScrollingSidebar widget

Φίλοι bloggers, ο παρακάτω κώδικας σας δίνει τη δυνατότητα, να  “ρολάρουν” κάποια widgets που θα έχετε βάλει στη sidebar (πλαϊνή μπάρα)…Μπορείτε να βάλετε περισσότερα από ένα, και όταν ρολάρετε το ποντίκι σας προς τα κάτω, αυτά να φαίνονται συνέχεια στο πλάι ….(ένα έξυπνο και χρήσιμο gadget για τα share buttons η μερικές εικόνες)…DEMO ΕΔΩ


O ΚΩΔΙΚΑΣ: (Μπορείτε να το εγκαταστήσετε όλο, σαν Gadget => HTML/Javascript)

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js'></script>

 <script type="text/javascript">
 $(function() {
 var offset = $("#sidebar").offset();
 var topPadding = 25;
 $(window).scroll(function() {
 if ($(window).scrollTop() > offset.top) {
 $("#sidebar").stop().animate({
 marginTop: $(window).scrollTop() - offset.top + topPadding
 });
 } else {
 $("#sidebar").stop().animate({
 marginTop: 0
 });
 };
 });
 });
 </script>

<div id="sidebar">
 <!--  ΕΔΩ O KΩΔΙΚΑΣ ΤΟΥ WIDGET  -->  </div>

ΠΡΟΣΟΧΗ:
***Μπορείτε να βάλετε στη σειρά διάφορους κώδικες από widgets εκεί που λέει ….” ΕΔΩ Ο ΚΩΔΙΚΑΣ ΤΟΥ WIDGET”
***Καλό είναι να το βάλετε σαν τελευταίο gadget στη sidebar, γιατι, ότι θα βάλετε από κάτω από αυτό το widget, θα ανεβοκατεβαίνει και και αυτό με το ρολάρισμα του blog…