Floating Google +1, Facebook, Twitter Buttons Widgets

Another cool Widgets for blogger a Floating 3 sharing buttons  Facebook,twitter,Google+





Just follow the simple steps to add the floating google +1 , facebook , twitter buttons.

1. Login into your blogger blog
2.And select Layout
3.Now click on “add gadget” and select “HTML/Javascript” and paste the bellow code.

<style>


#pageshare {position:fixed; bottom:15%; left:105px; float:left; border: 1px solid white; border-radius:2px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#ffffff;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='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='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='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div><br/><div style="clear: both;font-size: 12px;text-align:center;"><a href="http://theoriginalbloggertricks.blogspot.in/search/label/widget" target="blank"><font color="silver">Widgets<font></font></font></a></div></div>









Now save..it ;)










Posted by: Jaime
blognizend, Updated at: 7:15 PM
Share this article :

+ comments + 3 comments

April 15, 2012 at 8:09 PM

Valuable content to post your blog. I like to share my friend.

April 18, 2012 at 3:24 AM

Thank you!

Anonymous
June 11, 2013 at 12:13 PM

I do not know whether it's just me or if perhaps everyone else encountering problems with your blog. It looks like some of the text in your content are running off the screen. Can somebody else please provide feedback and let me know if this is happening to them too? This might be a problem with my web browser because I've had this happen
previously. Many thanks

Also visit my page :: cellulite treatment

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. blognizend - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger
Google+ Jaime Lacson