you'd like to use or add-in the Facebook Like button, then you can simply Grab the Code
and add the code to your page with only the FB Like button option:
Facebook doesn't work like the other AddThis buttons. Instead of accepting parameters that we pass it, Facebook requests the URL you're sharing and gets the data it displays from the meta and link tags in the header. To control how your page is shared on Facebook you should use OpenGraph tags which are described in Facebook's documentation here.
For more information regarding options, please checkout the Client API.
For more information regarding options, please checkout the Client API.
Note: The Tweet button does not support SSL (https) connections
Make sure to insert your Twitter username here:
Note: Support for sites with a generator tag coming soon. More info can be found in our forums.
Google will be showing the personal annotations in two ways. First when you hover over the +1 button before you click, you’ll see the faces of your friends that have +1’d this site. No additional work is required for this functionality. Second, if you update your snippet with a small change, you may also show the personal annotation directly in the page. Note that the default is "bubble."
* Google needs to implement a fix for this. As soon as they do we will make it available
** This works but does not use Twitter's new Tweet API
<div class="addthis_toolbox addthis_default_style"> <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a> </div>In order for us to count the clicks, you have to add Facebook's XML namespace to your page's HTML node:
<html xmlns:fb="http://www.facebook.com/2008/fbml">We cannot count clicks from Like buttons added via iframes. You must either render the Like using
<a class="addthis_button_facebook_like">
or <fb:like>
using Facebook's JavaScript SDK.Facebook doesn't work like the other AddThis buttons. Instead of accepting parameters that we pass it, Facebook requests the URL you're sharing and gets the data it displays from the meta and link tags in the header. To control how your page is shared on Facebook you should use OpenGraph tags which are described in Facebook's documentation here.
For more information regarding options, please checkout the Client API.
Supported Facebook Like Configurations
Recommend Button
<a class="addthis_button_facebook_like" fb:like:layout="button_count" fb:like:action="recommend"></a>
Vertical Counter
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
Standard with Friends List
<a class="addthis_button_facebook_like" fb:like:layout="standard"></a>
Facebook Send Button
To add the Facebook Send button to your AddThis sharing tool, use the following code:<div class="addthis_toolbox addthis_default_style"> <a class="addthis_button_facebook_send"></a> </div>In order for us to count the clicks, you have to add Facebook's XML namespace to your page's HTML node:
<html xmlns:fb="http://www.facebook.com/2008/fbml">We cannot count clicks from Send buttons added via iframes. You must either render the Send button using
<a class="addthis_button_facebook_send">
or <fb:like>
using Facebook's JavaScript SDK.For more information regarding options, please checkout the Client API.
Twitter Tweet Button
To add the Tweet Button to your AddThis Toolbox, you can simply Grab the Code and add this line of code:<div class="addthis_toolbox addthis_default_style"> <a class="addthis_button_tweet"></a> </div>For more information regarding options, please checkout the Client API.
Note: The Tweet button does not support SSL (https) connections
Supported Tweet Configurations
Vertical Counter
<a class="addthis_button_tweet" tw:count="vertical"></a>
Standard with Customized Via
<a class="addthis_button_tweet" tw:via="addthis"></a>
Make sure to insert your Twitter username here:
tw:via="YOUR TWITTER USERNAME"
Standard with Customized Tweet Text
<a class="addthis_button_tweet" tw:text="I LOVE AddThis!"></a>
Standard with Customized Related
<a class="addthis_button_tweet" tw:related="addthis"></a>
Twitter Follow Button
To add the Twitter Follow Button to your AddThis Toolbox, you can simply Grab the Code and add this line of code:<div class="addthis_toolbox addthis_default_style"> <a class="addthis_button_twitter_follow_native"></a> </div>For more information regarding options, please checkout the Client API.
Google +1 Button
To add the Google +1 Button to your AddThis Toolbox, you can simply Grab the Code and add this line of code:<div class="addthis_toolbox addthis_default_style"> <a class="addthis_button_google_plusone"></a> </div>For more information regarding options, please checkout the Client API.
Note: Support for sites with a generator tag coming soon. More info can be found in our forums.
Supported Google +1 Configurations
Larger Standard
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
Vertical Counter
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
Standard with No Count
<a class="addthis_button_google_plusone" g:plusone:count="false"></a>
Google +1 Annotation Configurations
Google will be showing the personal annotations in two ways. First when you hover over the +1 button before you click, you’ll see the faces of your friends that have +1’d this site. No additional work is required for this functionality. Second, if you update your snippet with a small change, you may also show the personal annotation directly in the page. Note that the default is "bubble."
Bubble
<a class="addthis_button_google_plusone" g:plusone:annotation="bubble"></a>
Inline
<a class="addthis_button_google_plusone" g:plusone:annotation="inline"></a>
None
<a class="addthis_button_google_plusone" g:plusone:annotation="none"></a>
Third Party Button Browser Compatiblity
We're working hard to make every button work in every browser, but there are some that may not work properly.Chrome | Safari | Firefox | Opera | Internet Explorer | |||||||
All | 4 | 5 | 3.6 | 4 | 5 | 10 | 11 | 7 | 8 | 9 | |
Google Plus One | * | ||||||||||
Facebook Like | |||||||||||
Facebook Send | |||||||||||
Tweet Button | ** | ** | ** | ||||||||
Twitter Follow |
** This works but does not use Twitter's new Tweet API
Different Image
src="http://s7.addthis.com/static/btn/sm-plus.gif"
- This is an alternate button we created. You can use this or your own image.
<a class="addthis_button" href="http://www.addthis.com/bookmark.php"> <img src="http://s7.addthis.com/static/btn/sm-plus.gif" width="16" height="16" border="0" alt="Share" /></a>
Image and Text
style="text-decoration:none;"
(Optional)- This turns off the underline when the mouse is over the button.
<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
<a href="http://www.addthis.com/bookmark.php" style="text-decoration:none;" class="addthis_button">Bookmark or Share</a>
Email-Only Button
You can create an email-only popup form using the CSS classaddthis_button_email
. This will not affect other AddThis buttons on the page.<a href="http://www.addthis.com/bookmark.php" class="addthis_button_email"> <img src="http://s7.addthis.com/button1-email.gif" width="54" height="16" border="0" alt="Email" /></a>