Custom Buttons

Last Updated: Sep 30, 2013 04:04PM EDT

These instructions only work with native AddThis buttons. For information about customizing third-party buttons such as Facebook Like or Tweet see our third-party button reference.

You can use any image for your AddThis buttons. You can also use text, or a combination of image and button.


 

Different Image

Using a different image for an AddThis button is as easy as putting the <img> tag inside the button. For example:

<a class="addthis_button_compact">
         <img src="http://s7.addthis.com/static/btn/sm-plus.gif"
  	 width="16" height="16" border="0" alt="Share" /></a> 
Share
 

Just replace http://s7.addthis.com/static/btn/sm-plus.gif with the URL of the image you'd like to use for that button



Image and Text

Using an image with text is as easy as putting the text you'd like to use next to the <img> tag.

<a href="http://www.addthis.com/bookmark.php"
  	class="addthis_button"
 	style="text-decoration:none;">
        <img src="http://s7.addthis.com/static/btn/sm-plus.gif"
  	width="16" height="16" border="0" alt="Share" /> Share</a> 
 

Just Text

Having a button with just text requires you to put it inside some kind of tag. We recommend a <span> tag.

<a class="addthis_button_compact"><span>Bookmark or Share</span></a> 
 

API Reference

Check out the full Client API specification to learn more.

Still need help?


General Topics

 

Developers