Add Facebook Like Button on Blog Post

Facebook has developed a lot of Social plugins which can easily be embeded and connected to other web applications such as blogs. I 've been posting about creating facebook official page amd promoting facebook page with like box plugin before and now, what I will post is to add a Facebook Like button in every post of your blog. This will let your readers to share your posts to their facebook accounts which will also let you know how many people liked your post. For the demo, notice the like button after every title of my posts. To have this on your blog, just follow the simple instructions below.

1. Login to your Blogger Account. Click on Design and then Edit HTML.

2. Check box beside the statement “Expand Widget Templates”.

3. You can actually place the like button anywhwere you want. In my case I place it after my Post Title. To do this, look for

and below this place the code below. You can also place it after your blog post and in this case place the following code after .

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>

4. Click on SAVE TEMPLATE button and reload your blog to view the changes you have made. The like button must now appear in each of your post.