How to Add Embedded Comment Form in Blogger

Many Blogger users face the problem of not having a embedded comment form below their blog post unlike wordpress. But there is a trick by which you can include the embedded comment form after adding few lines of HTML code below your blog post.

Follow the below steps to achieve it:

1) First login to draft.blogger.com or blogger.com with your Google account.

2) Navigate to Settings -> Comments and select the "Embedded below Post" option as shown below.

If you are using uncustomized blogger template, then the above step is enough. For users who are using customized blogger template continue the below steps.

3) Navigate to Layout -> Edit HTML and first take a backup copy of your template. Then check expand widgets and search the following code

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

3) Now, replace the above code with the following code.

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

4) Now, save your template and see your blog post having embedded comment form below.

Let me know by writing a comment on this post, how much you liked this post.