Skip to content

Instantly share code, notes, and snippets.

@lenagroeger
Created July 8, 2014 21:36
Show Gist options
  • Save lenagroeger/ad8ee33afe56c6e66ebc to your computer and use it in GitHub Desktop.
Save lenagroeger/ad8ee33afe56c6e66ebc to your computer and use it in GitHub Desktop.
<!-- SOCIAL SHARING SNIPPET
make sure you include the socialsnippet.js, get-involved.css, and socialsnippet.css
-->
<script type="text/javascript" src="http://propublica.s3.amazonaws.com/assets/social/socialsnippet.js"></script>
<link rel="stylesheet" href="http://propublica.s3.amazonaws.com/assets/social/socialsnippet.css">
<div class="social_section">
<!-- TWITTER STUFF
data-txt: actual tweet
data-url: url that the tweet will link to, add the campaign stuff at the end if needed
data-hastag: don't include the actual # symbol, just the phrase -->
<span class="ss-icon ss-social ss-tw"
data-txt=""
data-url=""
data-hashtag="">
Twitter
</span>
<!-- FACEBOOOK STUFF
data-img = this will get resized to an image about 90px wide, no need to upload a huge image size
data-title = this will be the headline on the facebook box
data-txt = this will be a short description underneath the headline
data-desc = this will be a longer description
data-url = the url the facebook post will link to, can also add campaign stuff here. -->
<span class="ss-icon ss-social ss-fb"
data-img=""
data-title=""
data-txt=""
data-desc=""
data-url="">
Facebook
</span>
<!-- LINK STUFF, just put the permalink after the href, or whatever #id you've given the thing you want to share -->
<span class="ss-icon permalink"><a href="#">Link</a></span>
</div>
<!-- END OF SOCIAL SHARING SNIPPET -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment