Mint Green Share Box for websites
You might have seen our older versions of sharer boxes, this is the latest of''em. here's the code.
if your using blogger, go to layouts, then add a gadget select HTML/Javascript then paste this code. leave the Title column empty. The demo, is this blog itself.
<style>
#joelblogsharer{
position:fixed;
left:0px;
bottom:0;
background-color:#b8ff79;
border:none;
opacity:0.7;
width:auto;
height:auto;
padding:5px 10px;
box-shadow: 5px 5px 15px #888888;
}
#joelblogsharer:hover{
opacity:1;
}
</style>
<div align="center" id="joelblogsharer" title="joe-amis.blogspot.com">
<!-- Facebook -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.8";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-share-button" data-layout="button" data-size="small" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u&src=sdkpreparse">Share</a></div><br /><br />
<!-- Twitter -->
<a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script><br />
<!-- Google+ -->
<div align="center" class="g-plusone" data-size="tall"></div>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script><br />
<!-- LinkedIN -->
<script src="//platform.linkedin.com/in.js" type="text/javascript">
lang: en_US
</script>
<script type="IN/Share" data-counter="top"></script><br />
</div>