HOW TO ADD FACEBOOK, TWITTER, STUMBLE UPON SHARER IN YOUR BLOG

Adding a Sharing button to your blog can really help you in optimizing your traffic. The sharing button will enable your readers or subscribers to share your important or popular posts with their friends in any of the social network site like facebook, twitter, stumble upon, digg etc.

If you want to add a floating bar of social network sharing buttons in your site or blog, follow the below instructions;

1.    Log into your Blogger account

2.    Click on the Blog you want to add the Share Floating bar

3.    Click on Layout

4.    Add Widget and Select HTML

5.    Copy and Paste the below codes in the HTML widget

<!-- floating page sharers Start Share This With Friends-->

<style>

#pageshare {position:fixed; bottom:15%; left:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px

0;z-index:10;}

#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}

.fb_share_count_top {width:48px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}

</style>

<div id='pageshare' title="Share This With Your Friends">

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

<a name="fb_share" type="box_count" href="http://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='rt'>

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a>

<script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script>

</div>

<div class='sbutton' id='su'>

<script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script>

</div>

<div class='sbutton' id='digg' style='margin-left:3px;width:48px'>

<script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script>

<a class="DiggThisButton DiggMedium"></a>

</div>

<div class='sbutton' id='gb'>

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>

<fb:like layout="box_count" show_faces="false" font=""></fb:like></div>

<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.dekokoblog.com.ng">Get</a> <a href="http://www.dekokoblog.com.ng/2012/01/how-to-add-facebook-twitter-stumble.html">this</a></div>

</div>

<!-- floating page sharers End -->

6.    Save your blog

I hope it works for because it works for me. It floats in this blog presently. Do have a nice day and don’t forget to like the facebook page because more exciting updates and news is coming your way.

Subscribe to the blog with your email.

Cheers