Skip to content

Instantly share code, notes, and snippets.

@Venugopal155

Venugopal155/html_share_buttons.html

Last active April 13, 2022 15:22
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save Venugopal155/1a032964d68da78d04ee47dddedd0ca2 to your computer and use it in GitHub Desktop.
Save Venugopal155/1a032964d68da78d04ee47dddedd0ca2 to your computer and use it in GitHub Desktop.
Download ZIP
Pure HTML Share Buttons
Raw
html_share_buttons.html
<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>
<!-- Google Plus -->
<a href="https://plus.google.com/share?url=<BTN>" target="_blank" class="share-btn google-plus">
<i class="fa fa-google-plus"></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>
@makoleg
Copy link

makoleg commented Apr 20, 2019

Hi, you can remove G + button, unfortunately this network is closed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment