RealcomBiz
Pin It

Add Share Buttons To Your Blogger/Blogspot Blog Via AddThis

In my previous post we have discuss on how to add ShareThis share buttons to your blog, but now am sharing with you, how to add AddThis share buttons to your blog. as we all knew that people love sharing interesting content with there followers or friends, and before this can be done, you will need to provide a share buttons for your readers, which i know that AddThis buttons will help you with that. AddThis offers different size and style of buttons, and very easy to implement. Sharing interesting content will help you drag more traffic to your blog/site and circulate your content to the entire web.
Before anything can be done, you must have a AddThis account which you can register here.

Let's get started
  • Login to your blogger dashboard
  • Click on "Design" > "Edit HTML" > Back up your template
  • Mark/Tick "Expand Widget Templates"
  • Use ctrl F to find </head>
Add the code below immediately before/above </head> tag

<script type='text/javascript'>
var addthis_config = {"data_track_clickback":
true, "data_track_addressbar":false};

var addthis_share =

{

 templates:
 {

   twitter: "{{title}} {{url}} via @realcombiz"
 }
};

</script>

<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=
AddThis Profile Id' type='text/javascript'/>


> Click back tracking [true]:- This will enable click back for your shared content, but you can disable it by replacing it with false.

> Address bar tracking [false]:- This will track your content being shared by copying the page url from your user's address bar, to enable this replace it with true

> Replace realcombiz with your twitter username.

> Replace "AddThis Profile Id" with your addthis profile id which you can get from AddThis Publisher Profiles, you may need to add a profile before you can be given a profile id.
  • Find <data:post.body/> if you which to add your buttons below your post.
  • Find <div class='post-header-line-1'/> if your which to add your buttons below your post title.
Choose any of your desired button style and paste the code immediately after any of the two code above.

Share Button 1






<b:if cond='data:blog.pageType == "item"'>
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"/>
<a class="addthis_button_tweet" tw:via="Your Twitter Username"/>
<a class="addthis_button_google_plusone" g:plusone:size="medium"/>
<a class="addthis_counter addthis_pill_style"/>
</div>
</b:if>


Share Button 2




<b:if cond='data:blog.pageType == "item"'>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"/>
<a class="addthis_button_preferred_2"/>
<a class="addthis_button_preferred_3"/>
<a class="addthis_button_preferred_4"/>
<a class="addthis_button_compact"/>
<a class="addthis_counter addthis_bubble_style"/>
</div>
</b:if>


Share Button 3




<b:if cond='data:blog.pageType == "item"'>
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"/>
<a class="addthis_button_preferred_2"/>
<a class="addthis_button_preferred_3"/>
<a class="addthis_button_preferred_4"/>
<a class="addthis_button_compact"/>
<a class="addthis_counter addthis_bubble_style"/>
</div>
</b:if>


Share Button 4




<b:if cond='data:blog.pageType == "item"'>
<div class="addthis_toolbox addthis_default_style ">
<a href="http://www.addthis.com/bookmark.php?v=300&amp;pubid=AddThis Profile Id" class="addthis_button_compact">Share</a>
<span class="addthis_separator">|</span>
<a class="addthis_button_preferred_1"/>
<a class="addthis_button_preferred_2"/>
<a class="addthis_button_preferred_3"/>
<a class="addthis_button_preferred_4"/>
</div>
</b:if>


Share Button 5






<b:if cond='data:blog.pageType == "item"'>
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=300&amp;pubid=AddThis Profile Id"><img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="125" height="16" alt="Bookmark and Share" style="border:0"/></a>
</b:if>


Share Button 6







<b:if cond='data:blog.pageType == "item"'>
<a class="addthis_counter"/>

</b:if>


Share Button 7




<b:if cond='data:blog.pageType == "item"'>
<a class="addthis_counter addthis_pill_style"/>

</b:if>


Share Button 8




<b:if cond='data:blog.pageType == "item"'>
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=300&amp;pubid=AddThis Profile Id"><img src="http://s7.addthis.com/static/btn/sm-share-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0"/></a>
</b:if>


Share Button 9




<b:if cond='data:blog.pageType == "item"'>
<a href="http://www.addthis.com/bookmark.php?v=300&amp;pubid=AddThis Profile Id" class="addthis_button_compact">Share</a>

</b:if>

  • Click "SAVE TEMPLATE"
Check any of your post to confirm your buttons working, hope you enjoyed this, if so, take few seconds to share this.
In my future post i will be dropping a lot of tips/tricks/tutorials concerning how you can increase the sharing capacity of your content, and for you not to miss any of this subscribe to this blog now, and receive all our updated post directly into your email.



Go Social:

Subscribe For Free Updates!

*Please confirm the email sent to your inbox after clicking "Sign Up!".

2 comments : Post Yours! Read Comment Policy ▼
PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.

  1. thanks you so much for this useful post... after wasting 5 hours I found your post and got my work done... thanks a lot.
    I add these buttons after blog post title.
    http://islamictreasurespk.blogspot.com/

    ReplyDelete
    Replies
    1. Am glad that you find it usefull, good luck...

      Delete

About Me

My Photo
Durodola Ridwan is a Professional blogger, SEO Consultant, Certified Web developer/designer and founder of www.realcombiz.com. He love writing about Blogging tips, SEO, and play around with codes. You can connect with him on facebook, twitter @realcombiz, and Google+.

Recent Posts

Let's Connect

Site Links

Copyright © 2014 RealcomBiz. All Rights Reserved.
Powered by Blogger