Customize Buttons

Single Button - Customize

Use the following code as a template for customizing a single sharing button using AddToAny's JavaScript menu API.

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

<script type="text/javascript">
a2a_config = {
    linkname: 'Example Page',
    linkurl: 'http://www.example.com/page.html',
    num_services: 10,
    show_title: 1
};
</script>

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

Details

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

This is the button link, which requires a class name of a2a_dd. The button image within the link can be replaced with another button or text.


<script type="text/javascript">
a2a_config = {
    linkname: 'Example Page',
    linkurl: 'http://www.example.com/page.html',
    num_services: 10,
    show_title: 1
};
</script>

This is the optional a2a_config object shorthand for setting menu API properties to customize your AddToAny button.


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

This is the required external JavaScript call, which can be placed directly after the a2a_config code, or later in the page before the closing </body> tag.