Floating Sharing Button For Blogger

Floating page share is used to ask visitors to a blog to share the content(s) of the blog to his friends. this serve as a means of getting your friends aware of the web/content.

For Blogger, this help to promote the blog in social networks as the content(s) of his web page will be distributed to different people and you know what that means (more traffic)

To use  floating page share
Login to your Dashboard
Click on Design
Add a gadget
Scroll to HTML and click on it
Copy this code and paste in the HTML Gadget

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

<style>

#pageshare {position:fixed; bottom:15%; right:10px; float:right; 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='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='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='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;"></div>

</div>

Now view your blog to see the position of the floating Icon
You can change the position from right to left by simply changing  "Right" in the code above to "Left"

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

Take 5 Second And Spread World

Tweet

Stay Connected With Free Updates

Subscribe via Email