«
»

How Do I Add the ShareThis Button to my Blogger blog?

Posted Tuesday, March 9th, 2010 in Tutorials

A number of people have asked me about adding the ShareThis button to their Blogger blog. Blogger and ShareThis have teamed up to allow you do this, but it only shows up in the sidebar. However, most people want an individual button for each separate blog post.

This video tutorial shows how to do just that. Look below for the code mentioned in the video:

This is the code you put into the “post-footer” div:

<script type=’text/javascript’>
SHARETHIS.addEntry({title:&#39;<data:post.title/>&#39;,
url:&#39;<data:post.url/>&#39;
});
</script>

Leave me a comment to let me know if you found this video helpful!

Tags: , ,

  • Hi Daryl,
    Thanks for the video, my template saved but the share this button is not appearing on my blog. Help?
  • Jessica--

    First, the following code needs to go into the head section of your template (it is currently in the post-footer section of your template):

    <script type='text/javascript'>var _sttoolbar = {}</script><script src='http://w.sharethis.com/widget/stblogger.js' type='text/javascript'></script><script type='text/javascript'>stBlogger.init("http://w.sharethis.com/button/sharethis.js#publisher=13881643-41bb-41d9-961a-357b474a93ac&type=blogger");</script>

    This code is what goes into the post-footer section:
    <script type=’text/javascript’>
    SHARETHIS.addEntry({title:'<data:post.title/>',
    url:'<data:post.url/>'
    });
    </script>

    If you continue to have problems or would like some help, feel free to contact me and I can walk you through getting this set up.

    ---Daryl
blog comments powered by Disqus