How to add Dynamic Addthis counters on Blogger Homepage

Posted by Tricks Guru In | 0 comments»
Sharing is one of the most popular ways to distribute your content and bring some traffic for your content. Among these sharing platforms Addthis and Sharethis are the most widely used platforms. Once the viewers look at your content, they share it if they are interested on it.

Eventhough your content is really nice, people don't waste their time in searching a method to share your content to their preferred bookmarking site. But if you have a sharing widget at the end of the post or content, people tend to share it because they don't have to make a specific effort to share it. So they will just click and share.

According to the past trends it has found out that the best place to place the share buttons is just after the end of your content. This tutorial is based on using the Addthis Sharing Buttons.

If you want to track how the sharing has been carried out, simply register a free account at www.addthis.com and get the code. Lets do the trick now.

Make sure you download the template before do editing. First find out the below code from the blog template. Just follow the simple step by step guide.

Step 1 : Go to Edit HTML from the Panel. Then tick on the Expand the Widget Template.

Step 2 : Now find the below code.
<data:post.body/>

Step 3 : Now paste the below code just after the code <data:post.body/> or you can paste the code genarated by add this.

<!-- AddThis Button BEGIN -->
<div class='addthis_toolbox addthis_default_style'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f90c29d33dae96c' type='text/javascript'/>
<!-- AddThis Button END -->

Step 4 : Save the template.
Now you will see the counters are there at the end of the individual posts. But there is a problem. When you go to the homepage you can see all your post counts are same. That's because addthis code take the share counts of home page and applies to the counters at the home page. In order to show your individual post's share counts at home page you need to modify the above code.

Step 5 : It is simple. Just replace
<div class='addthis_toolbox addthis_default_style'> 

with the code below

<div class='addthis_toolbox addthis_default_style' expr:addthis:title='data:post.title' expr:addthis:url='data:post.url'>

If you have already added Addthis code earlier, you have to do only the step number 5. Now you will see that your blog has dynamic share counters at your homepage under the posts.
0 Comments
Comments

0 comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...