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.
If you like it, click on Save template and you are done.
Related Posts
Add Media Buttons at End of Blog Posts
How to Add Floating Media Share Button
Add Social Networking Buttons in Blog Sidebar
Related Posts
Add Media Buttons at End of Blog Posts
How to Add Floating Media Share Button
Add Social Networking Buttons in Blog Sidebar
Hello,
ReplyDeleteI tried this code on my blog but it seems not to be showing any of the share buttons. Pls can you help.
It should work without any problem. Please recheck your codings and make sure you place it before
Deletemine also not working... tried few times but still couldnt...
ReplyDelete