AddThis

Instruction and Assets

Supersize sharing with an even larger set of 64x64 icons called Aquaticus.

Download Example Try Demo

The CSS

/* Custom Icons */
.addthis_toolbox .custom_images a {
    width: 64px;
    height: 64px;
    margin: 0;
    padding: 0;
}
.addthis_toolbox .custom_images a img {
	opacity: 1.0;
}
.addthis_toolbox .custom_images a:hover img {
    opacity: 0.75;
}

The HTML

<div class="addthis_toolbox">
   <div class="custom_images">
      <a class="addthis_button_facebook"><img src="aquaticus/facebook.png" width="64" height="64" alt="Share to Facebook" /></a>
      <a class="addthis_button_twitter"><img src="aquaticus/twitter.png" width="64" height="64" alt="Share to Twitter" /></a>
      <a class="addthis_button_myspace"><img src="aquaticus/myspace.png" width="64" height="64" alt="Share to MySpace" /></a>
      <a class="addthis_button_stumbleupon"><img src="aquaticus/stumbleupon.png" width="64" height="64" alt="Stumble It" /></a>
      <a class="addthis_button_reddit"><img src="aquaticus/reddit.png" width="64" height="64" alt="Share to Reddit" /></a>
      <a class="addthis_button_delicious"><img src="aquaticus/delicious.png" width="64" height="64" alt="Share to Delicious" /></a>
      <a class="addthis_button_more"><img src="addthis_64.png" width="64" height="64" alt="More..." /></a>
   </div>
</div>

The 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.

Want to use different services than the example above? Grab the complete Aquaticus icon pack. Looking for more 3rd party icon packs? Check out this collection of custom icons.

For more information about customizing the AddThis toolbox, please checkout the Rendering Link Decoration section of the Client API. We also have the complete list of Services, which might come in handy.