How To Add Floating Social Media Sharing Buttons To Blogger


Social share buttons widget  help blogger's to increase there blog's content sharing on social networking sites like Twitter, Facebook, Google+1 and other social networks. It bring more traffic for there blog.

The best way to shares from our readers is to add social sharing widget on our blog. This widget contain many social networking sites like Facebook (like/share), Google+ , RSS Feed, Twitter share and Digg. This widget with live counter which is show how many times our content share on social networking sites. This widget is very popular among the bloggers because it float with scroll bar and hence better chances to get more shares from the readers.



How to add this widget?


1. Login to your Blogger account and select Layout.




2. Now select Add a gadget.

3. Scroll down and select HTML/Java Script.
.


4. Now Copy the given code. 

( click  here  for code.)
                              
<!--SideBar Floating Share Buttons Code Start--><br /> <br /> <style> #pageshare {position:fixed;bottom:15%; left:5%; float:right; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#898787;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><br /> <div id='pageshare' title="SHARE US ON"><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 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='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></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='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><br/><div style="clear: both;font-size: 9px;text-align:center;"></div></div><br /> <!--SideBar Floating Share Buttons Code End-->
                            

5. Paste the code above there and save it.








>>Another vertical share widget for you<<