blogwidgetbox: Social bookmarking widget for Blogger with auto scrolling function

Saturday, January 15, 2011

Social bookmarking widget for Blogger with auto scrolling function

at 11:03 PM Posted by mm.saheb

How to add scrolling social bookmarking blogger widget ?

Step#1 Log into your dashboard. Click on Layout and than on Edit/html

Step#2 Now find the bellow code

]]></b:skin>and replace it with the bellow 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 bellow 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>