Customize Buttons

Standalone Services

Use the following code as a template for displaying individual services outside of a regular AddToAny button.

Default service icons

<div class="a2a_kit a2a_default_style">
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_linkedin"></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.static.flickr.com/2777/4443689395_6e0a240ce9_o.png" border="0" alt="Facebook" width="62" height="78"/>
    </a>
    <a class="a2a_button_twitter">
        <img src="http://farm5.static.flickr.com/4015/4444459286_678f428d93_o.png" border="0" alt="Twitter" width="62" height="78"/>
    </a>
    <a class="a2a_button_linkedin">
        <img src="http://farm5.static.flickr.com/4003/4444459332_09eae9989b_o.png" border="0" alt="LinkedIn" width="62" height="78"/>
    </a>
    <a class="a2a_button_stumbleupon">
        <img src="http://farm3.static.flickr.com/2703/4443689409_def0f35d18_o.png" border="0" alt="Stumbleupon" width="62" height="78"/>
    </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>

Details

<div class="a2a_kit a2a_default_style">
    <a class="a2a_button_facebook"></a>
    <a class="a2a_button_twitter"></a>
    <a class="a2a_button_linkedin"></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>

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

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 buttons

AddToAny supports 3rd party buttons such as the Facebook Like button, the Twitter Tweet button, and the Google +1 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>