Facebook Like Button Below Blog Posts for Blogger

Facebook has many new sets 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.

I am gonna show you how to place the Like Facebook like Button after every post of your blog.

Follow the following steps:

       How to Add the Facebook Like Button Below every Post:

• Login to your Blogger Account and go to Design > Edit HTML and click on the check box which says “Expand Widget Templates”
• Look for <data:post.body> and immediately after that place the following code:

1. 
   
   <div>
   
   <fb:like expr:href="data:post.url" layout='standard' 
   
   send='true' show_faces='false' font="arial" action="like" 
   colorscheme="light"></fb:like>
   
   
   </div>
   
   

• Now look for </head>

and immediately above that paste the following code:

1. 
   
   <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)

Save the template and you should see the Like Button near each of your posts. You are done :)

Peace and Happy Blogging!