Social Sharing Buttons

social sharing buttons

<!-- 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 type="text/css" rel="stylesheet" href="http://www.propublica.org/css/get-involved.css?20130301" type="text/css" media="all" charset="utf-8" />
<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 -->