Share buttons for Blogger
Add the buttons to the post template, XML quirks and all.
- Ends 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.
02 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_btn_facebook'/> <a class='ats_btn_x'/> <a class='ats_btn_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'/>
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.