أزرار الشبكات الإجتماعيه عائمه Cool Floating Social Bookmarking With hover effect

بسم الله والحمد لله والصلاة والسلام على رسول الله صلى الله عليه وسلم
موضوع اليوم عن إداه جميله مترجمه من أحدى المواقع الأجنبيه عن إضافة أزرار الشبكات الإجنماعيه عائمه أو مترجله أو Auto Scrolling كما يقال عنها بالإنجليزيه
وهى تضم Facebook , Twitter , Digg , Google plus
كما بالصوره
ويمكنك إضافتها بسهوله
طريقة الإضافه فى بلوجر
* سجل دخولك فى بلوجر
* إذهب إلى التصميم >> عناصر الصفحه >> إضافة أداه >> إختر Html Javascribt
* إنسخ الكود التالى وضعه بها وإضغط حفظ

<!-- floating share bar -->

<style type="text/css">


f0f0;

cur


.sbutton{

background:#f

0sor:pointer;

color:#fff;

text-shadow:

border:none;
padding:4px;


0,0,0.25);

-moz-border-radius:6px;

-

0 -1px 1px rgbaundefined0
,webkit-border-radius:6px;
border-radius:6px; margin-left:8px;

pageshare {position:f
font:12px sans-serif;
}
.sbutton:hover{
background:#336699;
}


#ixed; bottom:15%; margin-left:-81px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:#fff;border: 1px solid #f7f7f7; padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 2px 0 5px;}
#pageshare:hover {-moz-border-radius:6px;
 -moz-box-shadow: 0 2px 4px hslaundefined0,0%,0%,.35);


_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small

-webkit-box-shadow: 0 2px 4px hslaundefined0,0%,0%,.35);border: 1px solid #ddd;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_coun
t, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;/*bs-fsmsb*/-webkit-border-radius:3px;}


dius:3px;font-size:8px;}
</style>


pageshare' title="">

<div cla

<div id=
'ss='sbutton' id='fb'>

="box_count" href="http:
<a name="fb_share" typ
e
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-r
a//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='su'>
<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>

ter-share-button' data-count='vertical' h
<a class="DiggThisButton DiggMedium"></a>
</div>
<div class='sbutton' id='gplusone'>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
<div class='sbutton' id='rt'>
<a class='twi
tref='https://twitter.com/share'>Tweet</a><script src='//platform.twitter.com/widgets.js' type='text/javascript'/></script></div><div style="clear: both;font-size: 9px;text-align:center;"><a href=""></a></div><!-- -->


</div><div style=”clear: both;font-size: 9px;text-align:center;”> <a href=””></a></div><!– –>


<!-- floating share bar End --></!–>

Share

Tweet abuiyad