Sharing Customization

Standalone Services

Individual sharing buttons are commonly used alongside AddToAny's universal sharing button. Use the following code as a template for displaying individual sharing buttons.

Large sharing icons

AddToAny offers scalable vector icons (32 x 32 pixels and greater SVG format) in addition to the traditional 16 x 16 pixels PNG format.

In Drupal, select "Large" icon size in Configuration > System > AddToAny > Buttons.

Add the following HTML code, for example, to the "Service Buttons HTML code" box in Drupal Configuration > System > AddToAny > Buttons > Service Buttons.

<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_google_plus"></a>
<a class="a2a_button_pinterest"></a>

In WordPress, select "Large" icon size in Settings > AddToAny. Click the "Add/Remove Services" button to choose sharing buttons.

<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_google_plus"></a>
    <a class="a2a_button_pinterest"></a>
    <a class="a2a_dd" href="http://www.addtoany.com/share_save"></a>
</div>

<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

Infinitely scalable sharing icons

Large retina-ready icons are scalable to any size while remaining perfectly crisp on high pixel density displays.

<div class="a2a_kit a2a_kit_size_64 a2a_default_style">
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_google_plus"></a>
    <a class="a2a_button_pinterest"></a></a>
</div>

<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

Default service icons

AddToAny offers sharing icons in the traditional 16 x 16 pixels PNG format.

In Drupal, select "Small" icon size in Configuration > System > AddToAny > Buttons.

Add the following HTML code, for example, to the "Service Buttons HTML code" box in Drupal Configuration > System > AddToAny > Buttons > Service Buttons.

<a class="a2a_button_facebook"></a>
<a class="a2a_button_twitter"></a>
<a class="a2a_button_google_plus"></a>
<a class="a2a_button_pinterest"></a>

In WordPress, select "Small" icon size in Settings > AddToAny. Click the "Add/Remove Services" button to choose sharing buttons.

<div class="a2a_kit a2a_default_style">
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_google_plus"></a>
    <a class="a2a_button_pinterest"></a>
    <a class="a2a_dd" href="http://www.addtoany.com/share_save">
        <img src="http://static.addtoany.com/buttons/share_save_171_16.png" border="0" alt="Share"/>
    </a>
</div>

<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

Custom service icons

<div class="a2a_kit">
    <a class="a2a_button_facebook">
        <img src="http://farm3.staticflickr.com/2863/12004329833_ddcd67ff4a_o.png" border="0" alt="Facebook" width="54" height="55"/>
    </a>
    <a class="a2a_button_twitter">
        <img src="http://farm3.staticflickr.com/2886/12004329883_8daa4af904_o.png" border="0" alt="Twitter" width="54" height="55"/>
    </a>
    <a class="a2a_button_google_plus">
        <img src="http://farm4.staticflickr.com/3774/12004033365_8965d86637_o.png" border="0" alt="Google+" width="54" height="55"/>
    </a>
    <a class="a2a_dd" href="http://www.addtoany.com/share_save">
        <img src="http://farm8.staticflickr.com/7326/12005120763_a44dc82111_o.png" border="0" alt="Share" width="54" height="55"/>
    </a>
</div>

<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

Add the following HTML code, for example, to the "Service Buttons HTML code" box in Drupal Configuration > System > AddToAny > Buttons > Service Buttons.

<a class="a2a_button_facebook">
    <img src="http://farm3.staticflickr.com/2863/12004329833_ddcd67ff4a_o.png" border="0" alt="Facebook" width="54" height="55"/>
</a>
<a class="a2a_button_twitter">
    <img src="http://farm3.staticflickr.com/2886/12004329883_8daa4af904_o.png" border="0" alt="Twitter" width="54" height="55"/>
</a>
<a class="a2a_button_google_plus">
    <img src="http://farm4.staticflickr.com/3774/12004033365_8965d86637_o.png" border="0" alt="Google+" width="54" height="55"/>
</a>
<a class="a2a_dd" href="http://www.addtoany.com/share_save">
    <img src="http://farm8.staticflickr.com/7326/12005120763_a44dc82111_o.png" border="0" alt="Share" width="54" height="55"/>
</a>

Details

<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_pinterest"></a>
    <a class="a2a_dd" href="http://www.addtoany.com/share_save"></a>
</div>

<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

Standalone services require a parent element with the class name of a2a_kit. For AddToAny's default 'sharing strip' styling, the parent element should also have a class name of a2a_default_style.

By default, small icons (16 x 16 pixels) are displayed. For larger icons (32 x 32 pixels, or greater), the a2a_kit should have an additional class name of a2a_kit_size_32. You can replace 32 with any greater number for an equivalent pixel size. 32 x 32 pixels will fall back gracefully for older web browsers such as Internet Explorer 6 - 8. Icons larger than 32 x 32 pixels will fall back to either scaling or tiling the raster (32 x 32 pixel PNG) version of the service icon.

Service class names take the form of a2a_button_service-code. Be sure to look up the standard service code to use for each service.


3rd party sharing buttons

AddToAny supports 3rd party buttons such as the Facebook Like button, the Twitter Tweet button, the Google +1 button, the Google+ Share button, and the Pinterest Pin It button.

<div class="a2a_kit a2a_default_style">
    <a class="a2a_button_facebook_like"></a>
    <a class="a2a_button_twitter_tweet"></a>
    <a class="a2a_button_google_plusone"></a>
</div>

<script type="text/javascript" src="http://static.addtoany.com/menu/page.js"></script>

Add the following HTML code, for example, to the "Service Buttons HTML code" box in Drupal Configuration > System > AddToAny > Buttons > Service Buttons.

<a class="a2a_button_facebook_like"></a>
<a class="a2a_button_twitter_tweet"></a>
<a class="a2a_button_google_plusone"></a>

In WordPress, 3rd party sharing buttons are available in Settings > AddToAny > Standalone Buttons.