Facebook Like Button In Blogger Comment

You can easily see this type of plugins in many of the WordPress Blog. It simply place an Facebook like button above every comment form as shown in figure. Reader can easily like your content with only one click. So we can't ignore the importance of this plugin as it may boost the blog traffic considerably.  This plugin uses simple script and can be easily added to Blog.Previously I was write a article to Add share button below every post of the Blog. So lets start to add facebook like button to comment form.

How to Add Facebook like Button:-

1. Login to Blogger Dashboard.
2. Go to Design / Edit HTML.
3. It is necessary to download full template before making any changes in it ( Learn more).
4. Click "Expand widget template".

5.   Find (CTRL + F) or search following piece of code in template.

<data:postCommentMsg/>

Note:- If you find this code in more than one position then you will have to select the code wrapped in heading tag ( ex. <h>,<h1>... <h6> ). So it will look like this.

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

6. Copy the following code and paste it just after the <data:postCommentMsg/>.

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

7. Your code will look like this.

<h4 id='comment-post-message'><data:postCommentMsg/>Created By:- <!-- http://internetricks4u.blogspot.com/--><iframe allowTransparency='true' 
expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot;
 + data:post.url + 
&quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;'
 frameborder='0' scrolling='no' style='margin-top:20px;border:none; overflow:hidden; 
width:450px; height:40px;'/></h4>

8. Finally save the template and see the result.

Or you can do more with your comment form with images ( Learn More).
I give my best to produce this article if any reader find difficulty in this tutorial then comments are always open for that.

If you enjoyed this article then kindly take 5 seconds to share it!!