Wednesday, May 9, 2012

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/AVvXsEh0ORv9LdruYVQ__rsow_k5smrrxkAO5Z9VPDsNxmhzvm8GhUJ6Kq6Y7SKLPZf3qQ4vIYVcJCob7gggH3XoH0JawhqQHjL4UAGFB_zvrEC-1fnm3VmEsEFO8flTJyvL2AkReYPHpkWc6wSS/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.

4 comments:

Thank you for your Comment.