AddThis Academy

An ever-growing library of resources to help you become a better online marketer.

AddThis Toolbox: How to create Follow Buttons?

The AddThis Dashboard offers a number of follow buttons that can be quickly added to your website. For advanced users, we also offer our follow button code separately, in case you need more flexibility or have specific needs. We currently offer a number of follow services, including

  • Facebook
  • Twitter
  • LinkedIn
  • Google+
  • Youtube
  • Flickr
  • Vimeo
  • Pinterest
  • Instagram
  • Foursquare
  • Behance
  • Etsy
  • Disqus
  • Tumblr
  • RSS

The code format to add a new follow service looks like this, just remember to specify the service name and the addthis:userid with your social handle/ID.

<a class="addthis_button_SERVICE_follow" addthis:userid="YOUR_USERNAME"></a>

Important: The examples below are for illustration purposes only, and in practice would require that AddThis Javascript is installed on your site. To get the JavaScript, just go to the AddThis Dashboard and click the “Get the code” link at the top right of the page. You’ll have to put this on the page as well as the inline HTML code to get the buttons to show up.


16×16 Horizontal Follow Buttons

Here’s a 16×16 pixel AddThis toolbox, that demonstrates follow buttons for Facebook, Twitter, Pinterest, and LinkedIn (company).

<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="addthis"></a>
<a class="addthis_button_twitter_follow" addthis:userid="addthis"></a>
<a class="addthis_button_pinterest_follow" addthis:userid="addthis"></a>
<a class="addthis_button_linkedin_follow" addthis:usertype="company" addthis:userid="addthis"></a>
</div>

20×20 Horizontal Follow Buttons

Here’s a 20×20 pixel AddThis toolbox, that demonstrates follow buttons for Facebook, Twitter, Pinterest, and LinkedIn (company).

<div class="addthis_toolbox addthis_default_style addthis_20x20_style">
<a class="addthis_button_facebook_follow" addthis:userid="addthis"></a>
<a class="addthis_button_twitter_follow" addthis:userid="addthis"></a>
<a class="addthis_button_pinterest_follow" addthis:userid="addthis"></a>
<a class="addthis_button_linkedin_follow" addthis:usertype="company" addthis:userid="addthis"></a>
</div>

32×32 Horizontal Follow Buttons

Here’s a 32×32 pixel AddThis toolbox, that demonstrates follow buttons for Facebook, Twitter, Pinterest, and LinkedIn (company).

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_facebook_follow" addthis:userid="addthis"></a>
<a class="addthis_button_twitter_follow" addthis:userid="addthis"></a>
<a class="addthis_button_pinterest_follow" addthis:userid="addthis"></a>
<a class="addthis_button_linkedin_follow" addthis:usertype="company" addthis:userid="addthis"></a>
</div>
 

Custom Images

Let’s say that you want to use your own set of social icons, rather than the icons provided by AddThis…no problem! Just insert an image tag containing the URL of the custom icon between each of the anchor tags.

Example:

Follow on Facebook
Follow on Twitter
<div>
<a class="addthis_button_facebook_follow" addthis:userid="addthis"><img src="/images/facebook.png" width="32" height="32" border="0" alt="Follow on Facebook" /></a>
<a class="addthis_button_twitter_follow" addthis:userid="addthis"><img src="/images/twitter.png" width="32" height="32" border="0" alt="Follow on Twitter" /></a>
</div>

AddThis Toolbox: How to create Follow Buttons?
4.8 (95%) 4 votes

Was this article helpful to you?