How to Add the Facebook Like Button Below every Post

on January 11, 2011
  
Facebook has come up with  a new set of Social plugins which enable you to provide engaging social experiences to your users with just a line of HTML. The Facebook Like Button is One of them. The Facebook like button will allow your readers to quickly share your posts with their Facebook Friends. You can also get to know how many people liked your Blog Post . 

1. Go to this link and select the options and click on Get Code button (Code will be updated with these details).
 
2. Facebook provides code in two ways: IFrame and XFBML. You can select any one of them, XFBML has some advanced options than IFrame.

3. Copy the code(either IFrame or XFBML). Log in to your Blogger Account and go to Design > Edit HTML and click on the check box which says “Expand Widget Templates”.

4. Look for <data:post.body/> and immediately below that, paste the copied code. 


5. If you choose XFBML, then look for </head>
and immediately above that paste the following code,

    <script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/>

   (Note: You don't have to add this if you have already added this code for some other Facebook widget)

6.  Save the template and you should see the Like Button on each of your posts.

      

0 comments:

Post a Comment