How to Add Facebook Share Button to Blogger Posts

Add Facebook Share Button

Facebook share button is one of the best tricky to generate more visitors to your blog through Facebook, So that you should add Facebook share button into each and every blog posts that can helps to spread the post to increase the number of visitors to your blog. Here I have written and share to you a step by step to add Facebook share button to your blogger template. Adding share button in blogger its different than adding in custom sites. Such kind of code you could not find in Facebook plugin documentation.

Add Facebook share button in each and every blogger posts

1. Login to your blogger dashboard and go to theme>>edit HTML
2. Then, search for <data:post.body/> If you want to put Facebook share button just below post title, then add below code just above this code <data:post.body/>.

<div class="facebook-share">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='BUTTON-TYPE'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div>

Facebook has provided six types of button that you can choose to add. Remember to replace BUTTON-TYPE with one of the following as shown below.
  • link
  • icon_link
  • icon
  • box_count
  • button_count
  • button
Conclusion: If this article is useful for Adding Facebook Share Button to Blogger Posts , Make sure you share it through all social networks or Leave a Comment below.


About Admin of this Blog:

Rasheed Omar is the founder of Spesho Tricks .He is an IT Student, SEO Expert, Web Designer and a Pro Blogger. Contact Him Here

Follow him @ Google+ | Facebook | Instagram

Share this

Related Posts

Previous
Next Post »