How to add a Facebook like button to your Blogger entries

Like many others, I recently finally gave up and started using Facebook. I really don't like it, but one has got to follow the trends I guess. Once the did was done, I had to add a Like button to my blogs so readers can share them with their Facebook buddies. There are many explanations for this on the web, so I figured, why not add another simple one. So here goes.

In order to add a Facebook Like button to your Blogger posts:

1. Go to your Blogger Design tab and click on Edit HTML.
2. Check the Expand Widget Templates box.
3. Find the <div class="post-header-line-1"> string and add the following code right after it.
   
   <b:if cond='data:blog.pageType == "item"'&gt
   <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;'/&gt
   </b:if>
   
   
4. Click Save Template and you're done.

This is how it looks like

There are several customization possible, instructions to which you can Google. This is just the super basic option. Enjoy and do click the Like button on the top of this post