AddThis

Instruction and Assets

Add the new Tweet and Facebook Like, along with AddThis Sharing to your site in one place.

Important: 3rd party buttons are owned and managed by their respective providers, and are included for the convenience of AddThis publishers. Please note that their performance may vary.

Try Demo Get the Code

The CSS

Here's an additional CSS class to float the Retweet/Like badges left.

.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}

The HTML

Place the following HTML where you would like your toolbox to appear on your page:

<div class="addthis_toolbox addthis_pill_combo">
    <a class="addthis_button_tweet" tw:count="horizontal"></a>
    <a class="addthis_button_facebook_like"></a>
    <a class="addthis_counter addthis_pill_style"></a>
</div>

Javascript

Include the following AddThis script file anywhere in your page (usually before the closing </body> tag):

<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=YOUR-PROFILE-ID"></script>

Important: For '#pubid=YOUR-PROFILE-ID' above, change 'YOUR-PROFILE-ID' to your Profile ID if you want analytics data to be collected. If you do not want analytics, this phrase can be removed.

For additional third-party button specifications, please refer to the Decoration Class Reference section of our Client API help page.