17.12.11

GET FLOATING SHARE BUTTON ON YOUR BLOG



In today's world of social networking the best way to promote your blog or website is to use social networking sites.
You can see floating share buttons on the left side of this blog. These social buttons help you promote your blog and also provide a good look to it.

To get these social buttons follow the following steps:---

  • In your blogger account, go to layout option.
  • Click on add a gadget from the layout. A new window will open.
  • Choose html/java script.
  • Leave the title blank.
  • In the contents, copy this script--

<! the script by sanship.co.cc for floating buttons starts here>
<style>




#pageshare {position:fixed; bottom:15%; left: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.msuggestions.com/2011/10/how-to-add-floating-social-buttons-to.html" target="_blank"><font clor="black">[Get This]<font></font></font></a></div></div>


<! the script by sanship.co.cc for floating buttons ends here>





  • Click on Save. The window will be closed.
  • Click on save arrangement.
Check your blog it will have floating share buttons on the left side.

NOTE: If you want to use them in any other place leave in comments and I will provide the script.

best wishesh

vishnu bajpai

No comments: