Screenshot :
Add Facebook Like Button To Blogger Comments
Step 1. In your Blogger Dashboard click > Design > Edit Html > Expand Widget Templates :Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code):
<data:postCommentMsg/>
Important - This code will be in your template more than once, you need to find the code wrapped in heading tags (Example - h2, h3, h4).So it will look similar to this :
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
Step 3. Copy And Paste The Code Below Directly After <data:postCommentMsg/>
<a href=' http://createtheblogger.blogspot.com/ '><img alt='For Bloggers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAH6CBD-AUjFNI-vLZwNgx-R5oKymOEbxMpRKUDY_tGPIrjCQB_Y-NuBAIq44oWLLOhs0GqbQlrMI1QBj64vvS8fxl5Uj85_hYSYszmiDx3fKku6yvgZNrOTluqeT5VAq6YH7BjhwbZ6sV/s1600/best+blogger+tips.png'/></a><br/><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;'/>
It will now look like this :
<h4 id='comment-post-message'><data:postCommentMsg/></h4><br/><a href=' http://createtheblogger.blogspot.com/ '><img alt='For Bloggers' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAH6CBD-AUjFNI-vLZwNgx-R5oKymOEbxMpRKUDY_tGPIrjCQB_Y-NuBAIq44oWLLOhs0GqbQlrMI1QBj64vvS8fxl5Uj85_hYSYszmiDx3fKku6yvgZNrOTluqeT5VAq6YH7BjhwbZ6sV/s1600/best+blogger+tips.png'/></a><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;'/>
Step 4. OK with the code in place you can save your Blogger Template and check out your comments with Facebook Like Icon Button.