Sunday, September 23, 2012

Add Share Button Below Post Titles

In my previous posts,  I discussed on how to add social floating and static social networks buttons in blog sidebar. Today, I will discuss on how to add the share button just below the post titles. 

Note that, this method is applicable to other Blogging Platforms and it is not only meant for blogspot. For those of you using blogspot, here is how to do it;
 
  • Blogger Dashboad
  • Template
  • Edit HTML
  • Proceed

  • Check on Expand Widget Template
  • Using CTRL+ F
  • Locate the following code; <data:post.body/>
 
Paste the following code above <data:post.body/> code;
 
<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-504b3a8a674bf05b"></script>
<!-- AddThis Button END -->

Your final code should look like this;  
 
<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-504b3a8a674bf05b"></script>
<!-- AddThis Button END -->

<data:post.body/>
 
Preview your template and if you like what you see. Click on Save template. You now have a share button like the one shown below in all your posts.
 
 

3 comments:

  1. Hello,
    I tried this code on my blog but it seems not to be showing any of the share buttons. Pls can you help.

    ReplyDelete
    Replies
    1. It should work without any problem. Please recheck your codings and make sure you place it before

      Delete
  2. mine also not working... tried few times but still couldnt...

    ReplyDelete