How to add Comment Form in Blogger post?

Currently, blogger has provided feature to easily add comment form within your blog post. To do this, you need to log into Blogger in Draft. This is a special version of Blogger where you can try various feature, functionality and interfaces.

What you need to do is go to Dashboard>Setting>Comment. Then find Comment Form Placement setting. To embed the comment form below your post, just check on "Embedded below post". The two other options you can try if you want. This will enable Comment Form below your post. For some customized template, or if you use third party template, you can enable those Comment Form by modify your template.

Log into your blogger. From your Dashboard go to Layout>Edit HTML. Check the "Expand Widget Template".
Note: Backup your template first by copying into script editor or just simply click on Download Full Template.

1) Search for this section 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>

2) Replace code in capital with this: <b:if cond="data:post.embedCommentForm">

3) Insert this below code immediately after code in step 2
  <b:include data="post" name="comment-form"> <b:else> <b:if cond="data:post.allowComments">

The complete section code will be like this:

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

Save your template and you will see your comment form below your blog post.