
Step 1: Log in to you blogger account from draft.blogger.com instead of blogger.com.Then Go to settings in draft.blogger.com and then comments.
There look for the option shown in picture below:
Set the Comment Form Placement to embeded below post and save it.If you are using template by google without making editing then embed comment form below post in blogger will work.If you are using a customized template then follow this step below:-
Got to Layout then Edit HTML and then click on Expand Widgets-Now search for below code in your html section-
<b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if>
Now replace the above code in red with the following code in blue
<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>
Its Done Now. Save It and Check Your Blog.The comment form below post is embedded making your blog look beautiful.
In case you don't find the comment form embedded below the post thenFollow this step: Search for
In case you don't find the comment form embedded below the post thenFollow this step: Search for
<b:include data='post' name='comments' />
<b:include data='post' name='comment-form'/>
It's now done now and you will see the comment form is inserted below each post.
Got it to work thanks this line was a little different but it was much the same and it worked great tweak for blogspot blogs
ReplyDeleteb:if cond='data:post.allowCommentsa expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick data:postCommentMsg