Guide

Share buttons for Tumblr

One theme edit puts the buttons under every post.

Where they end up: Under each post in your theme.

01
Edit the theme HTML
Blog settings → Edit theme → Edit HTML. Copy the whole thing somewhere safe first; Tumblr has no version history for themes.

Add the kit inside the post block

Find {block:Posts} and place the kit before {/block:Posts}. Tumblr fills in the permalink and title per post.

html

<div class="ats_kit ats_kit_size_32"
     data-url="{Permalink}"
     data-title="{PlaintextTitle}">
  <a class="ats_button_facebook"></a>
  <a class="ats_button_x"></a>
  <a class="ats_button_email"></a>
  <a class="ats_dd"></a>
</div>

03
Load the script before </body>
Near the bottom of the same template.
html
```
<script async src="//static.addtosite.com/widget.js"></script>
```

Want a different set of services?

The snippets above use a sensible default. The configurator builds the exact markup for whichever services you want, in whichever order, at whichever size — paste that in place of the kit shown here.

Open the configurator See every option

Edit the theme HTML

Add the kit inside the post block

Load the script before </body>

Want a different set of services?