Just a simple, responsive, adaptive share button plugin. It automatically detects the url and title of the page. Requires JQuery.
<script type="text/javascript" src="https://cdn.rawgit.com/clarkhacks/cdn/master/sharebtns/js/share.min.js"></script>
$(document).ready(function() {
$("#twit").attr("href", "http://twitter.com/intent/tweet?status=" + document.title + window.location);
$("#gplus").attr("href", "https://plus.google.com/share?url=" + window.location);
$("#fb").attr("href", "http://www.facebook.com/sharer/sharer.php?u=" + window.location + "&title=" + document.title);
});
var btnVar = "<div>\n<div class=\"share-btns\">\n\n<a href=\"#\" class=\"buttons\" id=\"gplus\" tooltip=\"Google+\"></a>\n\n<a href=\"#\" id=\"twit\" class=\"buttons\" tooltip=\"Twitter\"></a>\n\n<a href=\"#\" class=\"buttons\" id=\"fb\" tooltip=\"Facebook\"></a>\n\n<a style=\"text-align: center\" class=\"buttons\" tooltip=\"Share\" href=\"#\"></a>\n\n</div>\n</div>";
document.write("<style>.share-btns{position:fixed;bottom:0;right:0;width:auto;height:auto}.share-btns .buttons{box-shadow:0 5px 11px -2px rgba(0,0,0,.18),0 4px 12px -7px rgba(0,0,0,.15);border-radius:50%;display:block;width:56px;height:56px;margin:20px auto 0;position:relative;-webkit-transition:all .1s ease-out;transition:all .1s ease-out}.share-btns .buttons:active,.share-btns .buttons:focus,.share-btns .buttons:hover{box-shadow:0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28)}.share-btns .buttons:not(:last-child){width:40px;height:40px;margin:20px auto 0;opacity:0;-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px)}.share-btns:hover .buttons:not(:last-child){opacity:1;-webkit-transform:none;-ms-transform:none;transform:none;margin:15px auto 0}.share-btns .buttons:nth-last-child(1){-webkit-transition-delay:25ms;transition-delay:25ms;background-image:url(https://clarkhacks.github.io/a/img/icons/share.png);background-position:center center;background-repeat:none;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;-o-background-size:cover}.share-btns .buttons:not(:last-child):nth-last-child(2){-webkit-transition-delay:50ms;transition-delay:20ms;background-image:url(https://clarkhacks.github.io/a/img/icons/facebook-flat.png);background-size:contain}.share-btns .buttons:not(:last-child):nth-last-child(3){-webkit-transition-delay:75ms;transition-delay:40ms;background-image:url(https://clarkhacks.github.io/a/img/icons/twitter-flat.png);background-size:contain}.share-btns .buttons:not(:last-child):nth-last-child(4){-webkit-transition-delay:.1s;transition-delay:60ms;background-image:url(https://clarkhacks.github.io/a/img/icons/google-plus.svg);background-size:contain}[tooltip]:before{bottom:25%;font-family:arial;font-weight:600;border-radius:2px;background:#585858;color:#fff;content:attr(tooltip);font-size:12px;visibility:hidden;opacity:0;padding:5px 7px;margin-right:12px;position:absolute;right:100%;white-space:nowrap}[tooltip]:hover:after,[tooltip]:hover:before{visibility:visible;opacity:1}</style>" + btnVar);