Skip to content

Instantly share code, notes, and snippets.

@davidsneal
Last active December 12, 2023 13:18
Show Gist options
  • Select an option

  • Save davidsneal/b4f06111b91c5e2cad0c to your computer and use it in GitHub Desktop.

Select an option

Save davidsneal/b4f06111b91c5e2cad0c to your computer and use it in GitHub Desktop.
HTML Share Buttons
<!-- I got these buttons from simplesharebuttons.com -->
<div id="share-buttons">
<!-- Buffer -->
<a href="https://bufferapp.com/add?url=https://simplesharebuttons.com&amp;text=Simple Share Buttons" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/buffer.png" alt="Buffer" />
</a>
<!-- Digg -->
<a href="http://www.digg.com/submit?url=https://simplesharebuttons.com" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/diggit.png" alt="Digg" />
</a>
<!-- Email -->
<a href="mailto:?Subject=Simple Share Buttons&amp;Body=I%20saw%20this%20and%20thought%20of%20you!%20 https://simplesharebuttons.com">
<img src="https://simplesharebuttons.com/images/somacro/email.png" alt="Email" />
</a>
<!-- Facebook -->
<a href="http://www.facebook.com/sharer.php?u=https://simplesharebuttons.com" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/facebook.png" alt="Facebook" />
</a>
<!-- Google+ -->
<a href="https://plus.google.com/share?url=https://simplesharebuttons.com" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/google.png" alt="Google" />
</a>
<!-- LinkedIn -->
<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https://simplesharebuttons.com" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/linkedin.png" alt="LinkedIn" />
</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="https://simplesharebuttons.com/images/somacro/pinterest.png" alt="Pinterest" />
</a>
<!-- Print -->
<a href="javascript:;" onclick="window.print()">
<img src="https://simplesharebuttons.com/images/somacro/print.png" alt="Print" />
</a>
<!-- Reddit -->
<a href="http://reddit.com/submit?url=https://simplesharebuttons.com&amp;title=Simple Share Buttons" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/reddit.png" alt="Reddit" />
</a>
<!-- StumbleUpon-->
<a href="http://www.stumbleupon.com/submit?url=https://simplesharebuttons.com&amp;title=Simple Share Buttons" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/stumbleupon.png" alt="StumbleUpon" />
</a>
<!-- Tumblr-->
<a href="http://www.tumblr.com/share/link?url=https://simplesharebuttons.com&amp;title=Simple Share Buttons" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/tumblr.png" alt="Tumblr" />
</a>
<!-- Twitter -->
<a href="https://twitter.com/share?url=https://simplesharebuttons.com&amp;text=Simple%20Share%20Buttons&amp;hashtags=simplesharebuttons" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/twitter.png" alt="Twitter" />
</a>
<!-- VK -->
<a href="http://vkontakte.ru/share.php?url=https://simplesharebuttons.com" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/vk.png" alt="VK" />
</a>
<!-- Yummly -->
<a href="http://www.yummly.com/urb/verify?url=https://simplesharebuttons.com&amp;title=Simple Share Buttons" target="_blank">
<img src="https://simplesharebuttons.com/images/somacro/yummly.png" alt="Yummly" />
</a>
</div>
@mskinna
Copy link
Copy Markdown

mskinna commented Jun 7, 2015

There's a mistake in your code - following your last change. I've forked and fixed. 😃
https://gist.github.com/mskinna/6edcbd825aab2ba8fb5c/

@davidsneal
Copy link
Copy Markdown
Author

@mskinna I can't see what you've changed, can you point it out please?

@davidsneal
Copy link
Copy Markdown
Author

Just spotted a few silly mistakes, hopefully all tidied up now!

@collinbarnwell
Copy link
Copy Markdown

@davidsneal Thanks a lot for this! I'd really appreciate an open-source license on this if at all possible : )

@davidsneal
Copy link
Copy Markdown
Author

Sure thing crack on!

@JayHoltslander
Copy link
Copy Markdown

JayHoltslander commented Dec 10, 2018

@davidsneal It seems the Pinterest sharing link isn't working(?)

@siemprejean
Copy link
Copy Markdown

It seems the email link isnt working...
image

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