AddThis

Instruction and Assets

Get social with the AddThis Toolbox and the new Facebook Like button 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

The HTML

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

<div class="addthis_toolbox addthis_default_style">
    <a href="http://addthis.com/bookmark.php?v=250" class="addthis_button_compact">Share</a>
    <a class="addthis_button_facebook"></a>
    <a class="addthis_button_twitter"></a>    
    <a class="addthis_button_googlebuzz"></a>
    <a class="addthis_button_email"></a>
    <a class="addthis_button_facebook_like"></a>
</div>
			

The CSS

This CSS rule is just to offset the default 4px margin being set on the AddThis icon.

/* AddThis Custom Style */

.addthis_toolbox .at15t_compact {
    margin-right: 0;
}

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.