كود المفضلات الإجتماعية المتحركة مع الصفحة لبلوجر

أقدم لكم اليوم إضافة يبحث عنها الكثيرون ألا وهي أزرار المفضلات الإجتماعية المتحركة مع الصفحة وهي ملتصقة بها أو شبه ملتصقة بها حيث يمكن التعديل على مستوى ابتعادها أو اقترابها من الرسائل عبر تغيير القيمة الملونة بالأزرق.
 و تحتوي الإضافة على زر المشاركة على الفيسبوك وتويتر يالإضافة إلى زر سوبميت .
والمميز في هذه الإضافة هو كونها لا تقتضي تعديلا على القالب فهي تتمثل في كود جافا سكريبت بسيط يمكن وضعه في أي مكان في التخطيط وهذا هو الكود انقله وضعه في أداة هشتمل جافا سكريبت جديدة واحفظها وبمبروك عليك الإضافة.

..................................................................................................................................................................
..................................................................................................................................................................
<style>#sharebar {position:fixed; bottom:15%; margin-left:128px; float:left; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;background-color:#fff;padding:0 0 2px 0;z-index:10;left:0;}#sharebar .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}.fb_share_count_top {width:48px !important;}.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:0px;-webkit-border-radius:0px;}.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:0px;-webkit-border-radius:0px;}.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:0px;-webkit-border-radius:0px;font-size:8px;}</style><div><div id="sharebar"><div class="sbutton" id="fb"><a href="http://www.facebook.com/sharer.php" name="fb_share" type="box_count">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div class="sbutton" id="rt"><script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript"></script></div><div class="sbutton" id="su"><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><!-- AddThis Button END --><div class="sbutton" id="SB"><a href="http://www.simple-blogger.com/2011/04/floating-share-buttons-for-blogger.html"></a></div></div></div>

....................................................................................................................................................................

....................................................................................................................................................................

تنويه:
هذه الإضافة تقدم لأول مرة في المدونات العريبة حيث تأكدت من ذلك قبل أن أضعها لذلك أرجو ذكر المصدر ورابط الموضوع الأصلي لدى نقلها وشكرا.