ADDING A FLOATING SOCIAL MEDIA BAR IN YOUR BLOGGER

Blog  SOCIAL MEDIA BAR is a  JavaScript text plug-in that contains the share button of the major social sites like stumbleupon, facebook, digg, twitter and Google+ .

Using the above social media you are giving your reader the opportunity to share what they have read  or seen in your sites with others in those social media sites and with this you definitely should know that it will help you in your Seo (search engine optimization) so to do this,

 Simply

Go to your blogger dashboard and click on design and then click on templates designs and then click on adding a gadget

Click on the java/html add widget in the window that comes up

Finally insert this code in your empty space and save then you are good to go

 <!-- floating page sharers Start -->
<style>
#pageshare {position:fixed; bottom:15%; margin-left:-820px; 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;/*bs-fsmsb*/-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="Get this from webgists.blogspot.com">
<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'>
<script src="http://tweetmeme.com/i/scripts/button.js" type='text/javascript'></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='gplusone'>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</a></div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.webgists.blogspot.com">Get this</a></div>
</div>
<!-- floating page sharers End -->

To change the position of the bar simply search for ‘right’ and input any number position that you thinks suites you or rather for it to appear on the left side simply

Remove the figure ‘right:10px’ in the code to ‘margin-left:-71px’ to any position of ur choice

Always drop a comment because I will appreciate it