PMZ Marketing Web Business Clients: Adding A Share button to a blog

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.

Follow these three steps to add a "Share" button to your blog

Step 1. Edit Blog Layouts

Under Admin > More Customization Options, select Blog Layouts:

Step 2. Select "Blog Post Layout"

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

Step 3. Insert the code

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.

What visitors experience

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

No Very




Captcha Image

Contact Details

PMZ Marketing

Email: Contact Us

Mobile: 0403 436 889 (Australia)

Enter Word Verification *
Blog Posts
  1. PMZ Marketing Tip: Get Results from your Marketing Patrick Zuluaga 05-May-2019
  2. Opportunities and You Patrick Zuluaga 28-May-2018
  3. Cheapest Workboots Christmas Sale Patrick Zuluaga 18-Dec-2017
Twitter Updates