Guide

Share buttons for Blogger

Add the buttons to the post template, XML quirks and all.

Where they end up: Under every post body, from the theme template.

01
Open the theme HTML
Theme → the arrow beside Customize → Edit HTML. Take a backup first: Theme → Backup. Blogger gives you no undo.

Find the post body and add the kit after it

Search for data:post.body. Blogger themes are XML, so every tag must be closed and Blogger expressions supply the URL and title.

xml

<data:post.body/>

<div class='ats_kit ats_kit_size_32'
     expr:data-url='data:post.url'
     expr:data-title='data:post.title'>
  <a class='ats_button_facebook'/>
  <a class='ats_button_x'/>
  <a class='ats_button_email'/>
  <a class='ats_dd'/>
</div>

03
Load the script before </body>
Still in the template. The tag has to be closed the XML way or the theme will not save.
xml
```
<script async='async' src='//static.addtosite.com/widget.js'/>
```

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

Open the theme HTML

Find the post body and add the kit after it

Load the script before </body>

Want a different set of services?