Skip to content

Instantly share code, notes, and snippets.

@mariomartinezsz
Last active May 11, 2016 18:27
Show Gist options
  • Select an option

  • Save mariomartinezsz/e62cd4eaf5c1aaaa2575275946d28289 to your computer and use it in GitHub Desktop.

Select an option

Save mariomartinezsz/e62cd4eaf5c1aaaa2575275946d28289 to your computer and use it in GitHub Desktop.
Social media buttons for sharing posts from Tumblr
<!-- Put this css code after <style type="text/css"> -->
.socialbar {text-align: center;}
.socialbar a{text-decoration: none; border: none;}
<!-- ... -->
<!-- Place the next code before the {/block:Posts} tag.
Replace icons source "src" with yours
-->
<div class="socialbar">
{block:PermalinkPage}
{block:PermalinkPagination}
<a target="_new" href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}"><img style="border: 0pt none;" src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/twitter_circle_color-48.png" width="45" height="45" /></a>
<a target="_new" href="https://www.facebook.com/sharer.php?u={Permalink}{block:Title}&t={Title}{/block:Title}">
<img style="border: 0pt none;" src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/facebook_circle_color-48.png" width="45" height="45" /></a>
<a target="_new" href="https://plus.google.com/share?url={Permalink}"><img style="border: 0pt none;" src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/google_circle_color-48.png" width="45" height="45" /></a>
<a target="_new" href="https://www.linkedin.com/shareArticle?mini=true&url={Permalink}&title={block:Title}{Title}{/block:Title}"><img style="border: 0pt none;" src="https://cdn3.iconfinder.com/data/icons/free-social-icons/67/linkedin_circle_color-48.png" width="45" height="45" /></a>
{/block:PermalinkPagination}
{/block:PermalinkPage}
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment