How to Add Facebook Like to Blogger ~ Way2Trick

Monday 9 November 2015

How to Add Facebook Like to Blogger

01:42

Ganesh Sharma

Facebook has recently added the ability for its users to "Like" just about any content on the web and have that activity posted to the users' walls. 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

Steps

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

How to Add Facebook Like to Blogger 2

2. 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.

How to Add Facebook Like to Blogger 3

3. Leave the "URL to Like" field blank. You will be replacing that soon.

How to Add Facebook Like to Blogger 4

4. Click "Get Code". You will see something that looks like this:

<iframe src="http://www.facebook.com/plugins/like.php?href=

http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layout=standard&

show_faces=false&width=450&action=like&colorscheme=light"

scrolling="no" frameborder="0" allowTransparency="true"margin: 0px; padding: 0px; color: rgb(84, 84, 84); font-family: Helvetica, arial, sans-serif; font-size: 16px; line-height: 25px;">

overflow:hidden; width:450px; height:px"></iframe>


5. Replace the following text:

src= above with:
```
expr:src='
```
http%253A%252F%252Fexample.com%252Fpage%252Fto%252Flike&layoutpart with:
```
" + data:post.url + "&layout
```
light" with:
```
light"'
```
-- notice the new trailing apostrophe
height:px with:
```
height:35px
```
-- otherwise, Firefox will make the iframe really big.
Leave a copy of the final code somewhere accessible for you to transfer to Blogger.