Add Floating Share Buttons To Your Blog

Hi Everyone those who looking for a great widget for social sharing of web site's & blog there is a good news. Now you can easily add floating share buttons like one in the floating in the left, very easily in 4 steps.

With This widget any visitor visiting your blog post can share the port on social networking sites like facebook, twitter, digg, stumbleupon etc.

The user sharing your site on social networking sites or like it on FBwill drive more traffic to your website ,blog; this is because as your popularity grows share,like on social networks it will drive more traffic to your blog, so you should do all you can; to link your blog website to these social networking websites.

One good way of doing this is to add some nice share buttons to your blog. Share buttons allow your readers to easily share the contents of your blog or website with their friends on various social networking websites where they are members.

So we shall be adding some nice floating share buttons to your blog. what this floating share button does is to follow your visitors to any place they navigate to on your blog. To understand better, focus your eyes on

the right hand side of this page and scroll with your mouse. You will notice that some buttons are following you around saying "hey click me" funny and nice right? ok let's add same to your blog.

I shall be using a blogger blog to illustrate but same procedures applies to wordpress blogs too.

Log in to your blogger account.
Click Layout under the name of the blog you are adding the floating share buttons.

In the next page click Add Gadget, When the list of basic gadgets come up, select the HTML/JavaScript gadget.

Now, copy the codes below and paste them into the body section of that gadget (leave the title field blank)

Copy Paste below code into your widjet.

<br /> <br /> <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><br /> <div id='pageshare' title="Tell Your Friends About This">
<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://atoz-networking.blogspot.com/2012/07/add-floating-share-buttons-to-your-blog.html" target="blank"><font color="black">[Get This]<font></font></font></a></div>
</div>
<br />

When you paste the codes, click Save and view your blog. you should see some

share buttons following you everywhere you go.

If you like this post, please use the comment form below to say THANKS.

Enjoy!