Add Facebook Like Button To Blogger Comment

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://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp0PQPQYbCAFN3vqo33blPBuiQUvbF_5L4-Io9zErJbnnEt1wuW3I8u4RIqHIjeebkAZaHo5NnSeB5A57WhWi1knsVbJeNVYzkOVMgXM7DaK3LaH6f2AfQIM1Oy5_WCvOXQknNMcd6NLU9/s1600/best+blogger+tips.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;'/>

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

Tweet