Share buttons for Tumblr

One theme edit puts the buttons under every post.

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

02 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_btn_facebook"></a>
  <a class="ats_btn_x"></a>
  <a class="ats_btn_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>
```

Another platform

The same buttons, in someone else's editor. All of them are on theplatforms page.

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

01 Edit the theme HTML

02 Add the kit inside the post block

03 Load the script before </body>

Another platform

Want a different set of services?