How to add post comment form below your post in Blogger ( Blogspot ) ?

Did you ever try to comment on Blogger ? You might had observed that Clicking on Add Comment link opens a annoying window which wont look like your blog . Its quite irritating for those who design and use custom templates in blogger . But I think now blogger is trying to close these kind of gaps as lot of people are moving to Wordpress when they really want to do some sort of pro blogging .

Blogger has introduced a new feature called add inline comment for showing a add comment form below your blogger post . So How to add inline comment feature to your blogger blog ?

• Login to Blogger and navigate as shown in the figure . DashBoard --> Settings --> Comments .

• Select " Embedded below post " in Comment form placement section in the page .
• Now save your settings .
• If you are using Blogger default template , you can see a comment form below your post as shown in the figure .

• If you are using custom blogger template , you need to do some tweaking . Don't worry , its gonna be simple . So How to add comment form to Blogger Custom template ?
  
• Navigate to Layout -- > Edit HTML . Check the option ' Expand widget Templates '.
• Before you do anything , Backup your template by clicking download full template . Now search for the following piece of code . (if you don't check Expand widget templates , you can not find this ).

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>

• Replace the above piece of code with the code below .

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'><b:include data='post' name='comment-form'/>
<b:else/><b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if></b:if>
</p>

• Now Click on save Template and you are done . You can now see a comments form below your posts .

You might love to read these .

• How to create and add a favicon to your blog or website ?
• How to convert text to Mp3 audio online ?
• How to show a Random Posts widget in your blogger blog ?

You can get more Blogger Tips and Tricks here .
Looking for more Blogger Tips , Subscribe here or click here to get updates via email

Posted in: Blogger,tech stuff,tips.blogger