How To Add Facebook Like Button To Blogger/Blogspot Posts

Social Network has vastly gained the heart of many online whereby some even use the social network to grow their presence online.  We have several social website like twitter, linkedin, facebook etc but in this tutorial, I will be discussing about adding a facebook like button into your post.

This facility lets you share content more readily and also gives you an idea of how some of your readership traffic is responding to your content.

This article provides step-by-step instructions on how to add the "Like" button to your Blogger (BlogSpot) blog, one of the more commonly used blogging services.


1. Go to the "Facebook Developers" page: http://developers.facebook.com/docs/reference/plugins/like


2. Put your facebook link example https://www.facebook.com/example

3. Set the options you want. Specifically, select whether you want a "Like" or a "Recommend" button. The sample button on the page will automatically update to reflect your selections.

4. Click "Get Code". 

You will see something that looks like this:

NOW Follow These Instructions:

• You have to copy and paste the codes into your blog html. 
• Copy the No.: 2 code.
• Backup Your Template.
• To back up your template, you will need to download. In case something goes wrong.
• Go to your code view and check to expand widget template
• Find <data:post.body> and place above if your want the like button to appear above in your post or place below if you want to appear below your post.

For Examples:

Above blog post:

<div class="fb-like" data-href="https://www.facebook.com/example" data-send="true" data-width="450" data-show-faces="true"></div><data:post.body>

Below blog post:

<data:post.body><div class="fb-like" data-href="https://www.facebook.com/example" data-send="true" data-width="450" data-show-faces="true"></div>

DONE

Note: You can adjust the width to fit the position BUT if is just a button you wanted you don't need the width.

Leave Your Comments Plz