Saturday, January 15, 2011

Social bookmarking widget for Blogger with auto scrolling function

0 comments


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>


Now click Save Template

0 comments:

Post a Comment

Followers

Blogumulus by Roy Tanck and Amanda Fazani
Free Blogger Tips, Hacks, Widgets, Templates and more