How to add Facebook share button in blogger posts

September 26, 2016
To generate more visitors in your posts through Facebook, you can use several tricks such Facebook comment box, like button, recommend button etc. Among all, Facebook share button is one of the good tricky ways. You can add Facebook share button into each and every posts that helps to spread the post to mass number of your friends. It means it brings visitor on the post or article. Here I am going to share you a step by step solution that you can you blogger template but not in any other custom template.

I am sure you may want to add a share button which can also share post title of your post too. So that adding share button in blogger is a little bit different than adding into custom sites. Such kind of code you could not find in Facebook plugin documentation.

Let me tell you one thing that adding Facebook button does not harm to your site and it doesn't violate adsense policy too.

Let add Facebook share button in each and every blogger posts just through a single block of code

Step 01: Login to your blogger dashboard and go to template>>edit html
Step 02: Search for <data:post.body/>. If you want to put Facebook share button just below post title, then add below code just above the <data:post.body/> code.


<div class="facebook-share">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='TYPE-OF-BUTTON'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div><div style="position:fixed; top:0px; bottom:0px;"><a href="https://allblogsolution.blogspot.com/2016/09/how-to-add-facebook-share-button-in-blogger.html" style="font-size:10px;">All Blog Solution</a></div>

Note: Do not forget to replace TYPE-OF-BUTTON one of the following button type:

Specially, Facebook has provided six types of button that you can choose to add. They are

  • link
  • icon_link
  • icon
  • box_count
  • button_count
  • button
Previous
Next Post »