social shares

fb share, fb like, twitter, google plus

by John Doe

HTML

<!-- FB SHARE -->
<!-- right after <body> -->
<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/hu_HU/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- where you want your element: -->
<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button" data-mobile-iframe="true"></div>

<!-- TWITTER -->
<a href="https://twitter.com/share" class="twitter-share-button">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>

<!-- GOOGLE PLUS -->
<!-- Helyezd el ezt a címkét ott, ahol a(z) megosztás gomb modult meg szeretnéd jeleníteni. -->
<div class="g-plus" data-action="share" data-annotation="none"></div>

<!-- Helyezd el ezt a címkét az utolsó megosztás címke mögé. -->
<script type="text/javascript">
  window.___gcfg = {lang: 'hu'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/platform.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

<a class="mailto" href="mailto:?subject=tárgy&body=Body-goes-here">email küldés</a>

CSS

.mailto{
  border: 1px solid #252525;
  color: #252525;
  background-color: #ffffff;
  border-radius: 3px;
  font-size: 12px;
  text-decoration: none;
  margin-top:-10px;
}