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/itellmoreinc

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: You will copy and past the codes into your blog html. It is simple. 

Note: Copy the No.: 2 code.

Go to your Blogger Dashboard.

And carefully follow the instruction on the images:

5.

First: To back up your template, you will need to download. In case something goes wrong.

6.

Second: 
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.

Examples:

Above blog post:

<div class="fb-like" data-href="https://www.facebook.com/itellmoreinc" 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/itellmoreinc" data-send="true" data-width="450" data-show-faces="true"></div>

Save.

That is all!

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


Need help? feel free to ask.

Related Search: add facebook like button to blogger post add facebook button to blogger add facebook like button to website add facebook like button to blogger 2012 add facebook like button to blogger sidebar add facebook like box to blogger how to add a like me on facebook button to blogger how do i add a facebook like button to blogger