There are many sites with a Social Share sidebar having Facebook, Twitter, Google+1, Digg, Delicious, Stumble Upon and Reddit links on it.
You can also add a similar sidebar and customize it according to your choice.
Use following code.
1) Paste following code in head section
[php]
<script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2′></script>
<script type="text/javascript">
$(function() {
var offset = $("#box").offset();
var topPadding = 75;
$(window).scroll(function() {
if ($(window).scrollTop() > offset.top) {
$("#box").stop().animate({
marginTop: $(window).scrollTop() – offset.top + topPadding
});
} else {
$("#box").stop().animate({
marginTop: 0
});
};
});
});
</script>
[/php]
2) Paste following code in head section
[php]
<style type="text/css">
#side-bar { position: relative;float: left; margin: 50px 0;}
#box{position: absolute;left: -65px;border:0px solid #EFEFEF;padding:0 5px;background-color: #E8ECFD;border-right:0px solid #EFEFEF;}
#box div{margin-top:10px; padding-bottom:10px; border-bottom: 1px dashed #bbb;width:55px;text-align:center!important}
#box div.n{border-bottom:none}
</style>
[/php]
3) paste following code in body section
[php]
<div id="side-bar">
<div id="box">
<div align="center">
<script src=’http://connect.facebook.net/en_US/all.js#xfbml=1′></script>
<fb:like href=’http://basiccodes.kunals.com’ send=’true’ layout=’box_count’ show_faces=’true’ font=”></fb:like>
</div>
<div><g:plusone size="tall"></g:plusone></div>
<div>
<script src=’http://platform.twitter.com/widgets.js’ type=’text/javascript’></script>
<a href=’http://twitter.com/share’ class=’twitter-share-button’
data-url=’http://
basiccodes.kunals.com
‘
data-via=’Basic Codes’
data-text=’Basic Codes’
data-related=’codes’
data-count=’vertical’>Tweet</a>
</div>
<div class="n"><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div>
</div>
</div>
[/php]