This is indeed the most beautiful floating share widget featuring the top social bookmarking sites.

The share widget actually is created by me. I made sure i did something that is different, very beautiful and unique. Go round the internet you'll of-course see floating share widgets but they're all alike, including some social bookmarking sites that are not that popular yet occupying blog space. This particular floating widget wont take much space of your blog yet contains the most popular social bookmarking sites, Google plus, Facebook Like and Twitter Button. This widget is specially created for your blog, what then are u waiting for? Go ahead and get the code for your blog.

Wait a minute, If you would like to change the color of the widget just contact us, give us the details on how you want it and we'll do it as soon as possible. Our own color is; Dark red background with light red border. You can request for dark green background with light green border, dark blue background with light blue border, yellow, black or even white. We'd be glad to get it ready for you. Please we would like you to know that we are not charging you anything for that so feel free to contact us.

How To Install Floating Share Widget

* Go to your Blogger Dashboard > Layouts > Click on Add Gadget > From the list Choose HTML/JavaScript
* Now you can go ahead and copy the code below and paste to the HTML open field.
* Save and that's all.
* All you've got to do now is reload your page and see how it looks on your blog

Not Sure about adding this code? Check this post out then; How to add widgets on blogger


Note: Do not use the "Title field" of the HTML.


<style>

#pageshare {position:fixed; top:140px; right:1px; float:right; border: 5px double #cc0000; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#990000;padding:2px 0;z-index:10;width:60px;}

#pageshare .sbutton {height:65px;float:;clear:both;margin-top:0px}


.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:5px 5px 5px !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='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='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 style="clear:both;background:green;font-size:10px;text-align:center;"><a href="http://wwsurfers..com/2012/10/most-beautiful-floating-share-widget.html" target="blank"><font color="black">Get This<font></font></font></a></div></div>


Hope you like the tutorial and the floating share widget. We'd be glad to hear from you, kindly drop your comments.
That should be all.

This information is brought to you by World Web Surfers http://wwsurfers..com/2012/10/most-beautiful-floating-share-widget.html