Skip to content

Instantly share code, notes, and snippets.

@diegomagikal
Forked from Venugopal155/html_share_buttons.html
Last active April 15, 2021 03:08
Show Gist options
  • Save diegomagikal/b0a654e74f6cd99d23d75540d9b033d2 to your computer and use it in GitHub Desktop.
Save diegomagikal/b0a654e74f6cd99d23d75540d9b033d2 to your computer and use it in GitHub Desktop.
Pure HTML Share Buttons
<h3>Pure HTML Share Buttons</h3>
<!-- Social Button HTML -->
<!-- Twitter -->
<a href="http://twitter.com/share?url=<URL>&text=<TEXT>&via=<VIA>" target="_blank" class="share-btn twitter">
<i class="fa fa-twitter"></i>
</a>
<!-- Facebook -->
<a href="http://www.facebook.com/sharer/sharer.php?u=<URL>" target="_blank" class="share-btn facebook">
<i class="fa fa-facebook"></i>
</a>
<!-- StumbleUpon (url, title) -->
<a href="http://www.stumbleupon.com/submit?url=<URL>&title=<TITLE>" target="_blank" class="share-btn stumbleupon">
<i class="fa fa-stumbleupon"></i>
</a>
<!-- Reddit (url, title) -->
<a href="http://reddit.com/submit?url=<URL>&title=<TITLE>" target="_blank" class="share-btn reddit">
<i class="fa fa-reddit"></i>
</a>
<!-- LinkedIn -->
<a href="http://www.linkedin.com/shareArticle?url=<URL>&title=<TITLE>&summary=<SUMMARY>&source=<SOURCE_URL>" target="_blank" class="share-btn linkedin">
<i class="fa fa-linkedin"></i>
</a>
<!-- Pinterest -->
<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());">
<img src="pinterest.png" alt="Pinterest" />
</a>
<!-- Email -->
<a href="mailto:?subject=<SUBJECT>&body=<BODY>" target="_blank" class="share-btn email">
<i class="fa fa-envelope"></i>
</a>
<!-- Print -->
<a href="javascript:;" onclick="window.print()">
<img src="print.png" alt="Print" />
</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment