Add Facebook Like Button inside Your Blog Comments

One of the features i have seen added to comments on Wordpress blogs recently is the Facebook like button.This is a quiet clever addition to the comments as the like button only takes a second to click and if a reader is leaving a comment they obviously do like or have an opinion on the post making them more likely to share your post with their facebook friends.So in this post i will show you how to add a Facebook like icon to the Comments on your Blogger Blog.Adding the Like Button to let readers Share On Facebook is easy and it actually fits perfectly above the comment form.So lets look at the Screenshot .

OK lets add this cool feature to your blog.

Add Facebook Like Button To Blogger Comments

• Go To Blogger ----->Design----->Edit HTML

• Click On  Expand Widget Templates

• CTRL + F To Find  <data:postCommentMsg/>

Note :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>

Now Copy And Paste Below Code Just After <data:postCommentMsg/>


<a href='http://www.gj37765.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiLzaXDTLhxA5-8yhuBYZUj-8WMTA27R2mb9jTNquqZmKiNUDNtsRomKs2uZjy0bUHVjpGNh1YJZ-Tbg0TcMpdXRsSQ1RrZGhS0iEcA62ie_w5SrebPQXhTdAQXeeKd9JDfrthLoX3nLbJ/s1600/best%252Bblogger%252Btips.png'/></a><br/><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='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://www.gj37765.blogspot.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiLzaXDTLhxA5-8yhuBYZUj-8WMTA27R2mb9jTNquqZmKiNUDNtsRomKs2uZjy0bUHVjpGNh1YJZ-Tbg0TcMpdXRsSQ1RrZGhS0iEcA62ie_w5SrebPQXhTdAQXeeKd9JDfrthLoX3nLbJ/s1600/best%252Bblogger%252Btips.png'/></a><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='border:none; overflow:hidden; width:450px; height:40px;'/>

OK with the code in place you can save your Blogger Template and check out your comments with Facebook Like Icon Button.

 Please Give Comments :)