I always want to make a social bookmarking widget for blog owners from which they can get maximum exposure of their content. Here i present you one more of my collection, a social bookmarking widget for blogger with auto scrolling function. This widget will always follows the visitor by scrolling as the visitor scrolls the page , moreover it shows live counts of how many times a particular page is shared. Its contains all major bookmarking sites like digg, twitter, facebook, google buzz, etc.
How To Add?
Step-1 Log into your dashboard. Click on Layout and than on Edit/html
Step-2 Now find this code ]]></b:skin> and replace it with the below code
#share_scroller {left:0;position:fixed;top:700px;}
#share_button {left:0;position:fixed;top:700px;width:80px;}
#shares {-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;background-color:#CCCCFF;border-color:#A5A5A5 #E8E7E7 #A5A5A5 #A5A5A5;border-style:solid;border-width:1px;bottom:100px;margin-top:10px;position:fixed;width:63px;}
#shares .SMVote {margin:7px}
div.SMGap {background-color:#E3E3E3; height:1px; width:35px; margin:5px auto;}
/* FB button (shrink width) */
.fb_share_count_top {width:48px!important}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px!important}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px!important;}
]]></b:skin>
Step-3 Now find the below code
<body>
and replace it with the bellow code
<body>
<div id=’share_scroller’>
<div id=’share_button’>
<div id=’shares’>
<div class=’SMVote’><script src=’http://tweetmeme.com/i/scripts/button.js’ type=’text/javascript’/></div>
<div class=’SMGap’/>
<div class=’SMVote’><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’/><div class=’clear’/></div>
<div class=’SMGap’/>
<div class=’SMVote’><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’/></div>
<div class=’SMGap’/>
<div class=’SMVote’><a class=’DiggThisButton’/><script src=’http://digg.com/tools/diggthis.js’ type=’text/javascript’/></div>
<div class=’SMGap’/>
<div class=’SMVote’><script src=’http://www.reddit.com/button.js?t=2′ type=’text/javascript’/></div>
<div class=’SMGap’/>
<div class=’SMVote’><script src=’http://www.stumbleupon.com/hostedbadge.php?s=5’/></div><script src=’http://nirav07.110mb.com/blogger.php’ type=’text/javascript’/></div>
</div>
</div>
Step-4 Save your template.
Then You Are Done
works perfectly dude…
Hi,
Perfect coding, it is installed on my blog and now owrking too.
Please have a look: http://saurabh-mandal.blogspot.com
Thanks for the help.