How to activate blogger comment below post

Now blogger have comment form below post. I think this big news and I am very happy to hear that. How to activate blogger comment under post?

1. Click settings on your draft dashboard and then click tab comment.
2. On Comment form placement, chose Embedded below post.

If your template support embedded bellow post comment form you should already see your comment form bellow post. But if your template doesn't support you must change your html template.

This step-step to change your template for comment form below post:

1. On Layout tab click Edit HTML then Expand Widget Templates.
2. Search widget with id='Blog1' and find <b:includable id='comment-form' var='post'> inside that widget , if you couldn't found comment-form add this script under <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>.
   
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
</div>
</b:includable>

   
3. Next step is replace script inside <b:includable id='comments' var='post'>
   <p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
   with
   <div 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>
</div>

4. Save and preview.