إضافة وسائل الاعلام الاجتماعية العائمة تبادل أزرار إلى Blogger

إضافة وسائل الاعلام الاجتماعية العائمة تبادل أزرار إلى Blogger

شرح طريقة اضافة ازرار مواقع النشر الاجتماعية فيس بوك وتويتر و+ واحد واكثر من  ذلك

اول شئ نقوم بالدخول على حساب بلوجر

والتوجه الى التخطيط و اضافة اداة واختيار جافا سكربت JavaScript

ونقوم بنسخ الكود التالي واضافتة في الاداه  

<!-- floating page sharers Start cybertweaks.blogspot.com-->
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-71px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .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:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Get this from BloggerSentral.com">
<div class='sbutton' id='fb'>
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">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>
<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gb'>
<a class='google-buzz-button' data-button-style='normal-count' href='http://www.google.com/buzz/post' title='post on google buzz'>
<script src='http://www.google.com/buzz/api/button.js' type='text/javascript'></script>
</a></div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</a></div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="
http://top-new-now.blogspot.com/2012/06/add-floating-social-media-sharing.html
">Get this</a></div>
</div>
<!-- floating page sharers End -->

ونقوم بالضغط على زر حفظ وبكدة يكون تم اضافة ازرار النشر

ملحوظة عند اضافة اداة ازرار النشر ضع مكان الاداة على الناحية اليمنى او اليسري للمحتوى حتى تظهر ازرار النشر في الجهة اليمنى او اليسرى للموضوع 

الموضوع حصري لمدونة توب نيو شكرا لكم

 Add Floating Social Media Sharing Buttons To Blogger