Facebook Twitter Google+ ShareThis Button

In this blog, I have ShareThis Buttons one on the top, three on the right.

If the blog reader click on one of these buttons, this blog will be shared on the blog reader's Facebook, Twitter, Google+, etc.
Only the blog address and the blog/post description will be shared, not all of course.

OR the blog reader can email this blog address and description to friends or someone else.

For Facebook Share, Click the blue "f" button, Twitter - click the Tweet with a bird image, g+ for Google+, and the envelope image for email.

Firstly, to have these Share Button, for Blogspot or Google Blogger, Go to your Blogspot Layout from the left side, then click Add a Gadget from the right, Choose HTML/JavaScript, lastly copy and paste below script code:

To put SHareThis Buttons horizontal style with count box just like on the top of this blog for your website or blog, use below script code:

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

<script type="text/javascript">

stLight.options({

publisher:'12345'

});

</script>

For Share This Buttons like on the right hand side, horizontal ShareThis buttons:

 <span class="st_sharethis_large"></span>

<span class="st_facebook_large"></span>

<span class="st_twitter_large"></span>

<span class="st_myspace_large"></span>

<span class="st_email_large" ></span>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

<script type="text/javascript">

        stLight.options({

                publisher:'12345'

        });

</script>

For ShareThis Buttons Vertical style:

<script type='text/javascript' src='jscript.js'></script>

<script type='text/javascript' src='jquery.js'></script>

<script type='text/javascript' src='jquery.rightClick.js'></script>

<script type='text/javascript' language='JavaScript' src='ft_boxover.js'></script><script type="text/javascript">var switchTo5x=true;</script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

<script type="text/javascript">stLight.options({publisher: "8da8c15e-d80e-407b-9fad-73861a07140f"});</script>

<script>

var options={ "publisher": "8da8c15e-d80e-407b-9fad-73861a07140f", "position": "right", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "googleplus", "linkedin", "pinterest", "tumblr", "myspace", "email", "sharethis"]}};

var st_hover_widget = new sharethis.widgets.hoverbuttons(options);

</script>

Another Sharing Button in Vertical Style with Count Box:

<style> 

/*-------MBT Floating Sharing Widget------------*/

#floatdiv { 

  position:fixed; 

bottom:15%; 

margin-left:-70px; 

z-index:10; 

float:left; 

padding-bottom:2px; 

}

#mbtsidebar { 

        background:#fff; 

        border-top:1px solid #ddd; 

        border-left:1px solid #ddd; 

        border-bottom:1px solid #ddd; 

        border-radius:5px; 

       -moz-border-radius:5px; 

       -webkit-border-radius:5px; 

        padding-left:5px; 

        width:60px; 

        margin:0 0 0 5px; 

}

.fb_share_count_top {width:52px !important;}

.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}

.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:42px !important; -moz-border-radius:3px;/*bs-fsmsb*/-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="floatdiv"> 

<div id="mbtsidebar"> 

    <table cellpadding="1px" cellspacing="0">

    <tr> 

    <td style="padding:5px 0px 0px 0;"> 

<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="0vm">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script> 

    </td> 

    </tr>

    <tr> 

    <td style="padding:5px 0 2px 0;"> 

    <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> 

    </td> 

    </tr> 

    <tr> 

    <td style=" padding:5px 0px 0px 0px;"> 

<script src='http://apis.google.com/js/plusone.js' type='text/javascript'> {lang: &#39;en-US&#39;} </script> 

<g:plusone size="Tall" expr:href="data:post.url"> 

    </g:plusone></td> 

    </tr> 

    <tr> 

    <td> 

<p style=" line-height:0px; font-size:10px; font-weight:bold; text-align:center;"><a style="color:#ff0000;" href="http://www.fbbm.tk">Widgets</a></p> 

    </td> 

    </tr> 

    </table> 

</div> 

</div>