Adding Facebook Like Button to your Blogger posts

According to Blogger default don't provide essential social plugins like "Like-Button" in a post. We, however, can includes it into each of your post easily as the following steps:

1. You needs to create an App in Facebook at: https://developers.facebook.com.
2. So, you will get the App API key.
3. Go to https://developers.facebook.com/docs/reference/plugins/like/ page to customize your Like-Button as your preferred style. After finish, click at get code, then copy that code (HTML5) to somewhere. You will get 2 portions of code, first and second.
4. Go to your Blogger template, select edit HTML manually then click at expand the widget because post customization is in the widget portion.
5. Go deep to the above widget code zone (almost at the end), or if you can't find you can put it on the top, but this code will be loaded first before loading Blogger data.
6. Paste your first half of Facebook code above widget code.
7. Next, you need to find the template for each post, then append the second half to that template. For me, I want to append Like-Button  followed the default share buttons. So, I will search for "shareButtons". It may have many shareButtons words in your template, but to know the one you want is that it has a code to describe its components e.g. Twitter, Gmail, Facebook, Google+ buttons.
8. Finally, append the second half of Facebook code here, but it need to change a "data-href" attribute to be "expr:href" as a Blogger data, and put its value equals to "data:post.url".
   For example: 
<div class="fb-like" data-send="true" data-show-faces="true" data-width="450" expr:href="data:post.url"> </div>
9. Done, save the your code and view your post!!!

Like This Post!!!