How To Add Share Buttons To Your Blogger/Blogspot Blog Via AddThis

Tweets by @mrqasimashraf

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 @mrqasimashraf"

 }
};
</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 mrqasimashraf 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.

Enjoyed This Post? Subscribe For More Update!

Follow @mrqasimashraf