title: Discover Meteor Microscope Share It Button
body: <p>How would I add a "Share" button on the left of the "Discuss" button.  I wanted the button to be the same style/color as the current "Discuss" button.</p>
  
  <p>I added the package from <a href="https://atmospherejs.com/joshowens/shareit" rel="nofollow">https://atmospherejs.com/joshowens/shareit</a></p>
  
  <p>I added the {{>shareit}}  into the post_item.html.  </p>
  
  <pre><code>&lt;template name="postItem"&gt;
    &lt;div class="post"&gt;
      &lt;a href="#" class="upvote btn btn-default {{upvotedClass}}"&gt;$&lt;/a&gt;
      &lt;div class="post-content"&gt;
        &lt;h3&gt;{{title}}&lt;/h3&gt;
        &lt;p&gt;
          {{pluralize votes "Vote"}},
          by {{author}},
          &lt;a href="{{pathFor 'postPage'}}"&gt;{{pluralize commentsCount "comment"}}&lt;/a&gt;
          {{#if ownPost}}&lt;a href="{{pathFor 'postEdit'}}"&gt;Edit&lt;/a&gt;{{/if}}
        &lt;/p&gt;
      &lt;/div&gt;
      &lt;a href="{{pathFor 'postPage'}}" class="discuss btn btn-default"&gt;Reply&lt;/a&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  
  <p>This is suppose to configure it.  Do I place it in the post.item.html?  If so, how?  I only want the twitter button.</p>
  
  <pre><code>ShareIt.configure({
  useFB: true,          // boolean (default: true)
                        // Whether to show the Facebook button
  useTwitter: true,     // boolean (default: true)
                        // Whether to show the Twitter button
  useGoogle: true,      // boolean (default: true)
                        // Whether to show the Google+ button
  classes: "large btn", // string (default: 'large btn')
                        // The classes that will be placed on the sharing buttons, bootstrap by default.
  iconOnly: false,      // boolean (default: false)
                        // Don't put text on the sharing buttons
  applyColors: true     // boolean (default: true)
                        // apply classes to inherit each social networks background color
  });
  </code></pre>
  
  <p>Does this go in the post_item.js to enable any image cards?  I couldn't figure out how to put this in without errors.</p>
  
  <pre><code>Template.article.helpers({
    shareData: function() {
      return {
        title: this.data,
        author: Meteor.users.findOne(this.authorId)
    }
  });
  </code></pre>
  
  <p>Here is the post_item.js file.</p>
  
  <pre><code>Template.postItem.helpers({
    ownPost: function() {
      return this.userId == Meteor.userId();
    },
    upvotedClass: function() {
      var userId = Meteor.userId();
      if (userId &amp;&amp; !_.include(this.upvoters, userId)) {
        return 'btn-primary upvotable';
      } else {
        return 'disabled';
      }
    }
  });
  Template.postItem.events({
    'click .upvotable': function(e) {
      e.preventDefault();
      Meteor.call('upvote', this._id);
    }
  });
  </code></pre>