In this article, you'll learn how to quickly and easily add a "Share This" button to your blog using the popular AddThis service.
Integrating a "Share" button to your blog enables readers to easily refer friends, family and co-workers to your site.
Under Admin > More Customization Options, select Blog Layouts:
Under the Customize Blog Elements header, select the layout you'd like to add the button to.
If you'd like the button to be rendered individually for each post in the blog post list rendered by {tag_postlist}, select the "Blog Post List Layout".
Alternatively, if you'd only like the button to display once the user has clicked through to the detailed view of your blog post, select the "Blog Post Details Layout".
Switch to HTML mode and Insert the following code where you'd like the button to render, making sure you replace http://yoursite.com with the root URL of your own site.
For this example, you'll place the code at the end of the default Blog Post layout.
<!-- AddThis Button BEGIN -->
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script>
<a href="http://www.addthis.com/bookmark.php"
class="addthis_button"
addthis:url="http://yoursite.com{tag_permalinkonly}"
addthis:title="{tag_blogposttitle_nolink}">
<img width="125" height="16" style="border: 0pt none ;" alt="Bookmark and Share" src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" />
</a>
<!-- AddThis Button END -->
It should look something like this:
Click "Save" to save your changes.
On the front-end of your blog, a dynamic "Share" button will render at the end of each item in either the blog list or individual post, depending on which layout you added the code to.
Following these three simple steps, you can add this Share functionality to your blog in just seconds. This feature encourages content sharing and can increase traffic to your online business.
Comment