How To Add Floating Share Buttons To Your Blog’s Sidebar

Most of them they put so much efforts  and concentration in doing SEO work for their blogs and websites to get more and more traffic. But sometimes few of them forget to do small things which will be plus point to their website/blog. Here I come to the point directly Add (social networking) widget floating share button to your blog or website it brings extra free traffic from StumbleUpon, Facebook, and twitter etc. 

 
Social Networking Floating share buttons widget makes easier for your blog/website visitors to share interesting post on your blog/website, To add this widget it is very simple go through the below details.

To Add social networking floating share buttons follow six steps:-
1. After Login to your blogger account go to dashboard and click on design
2. Now you can find your blog’s layout Ok, Click on add gadget on the sidebar.
3. Select The Below HTML/Java Script
4. Copy & Paste the below code into the opened box and save it.
5. Don’t worry there is no need of Title.
6. Finally save the widget and click on preview your blog and check it.

<!--SideBar Floating Share Buttons Code Start-->

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;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='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;"><a href="http://www.expertiseblog.net/2012/05/how-to-add-floating-share-buttons-to.html" target="blank"><font color="black">[Get This]<font></font></font></a></div></div>


<!--SideBar Floating Share Buttons Code End-->

Subscribe to Our Feeds !