
The inline (embedded) comments form is provided by blogger officially. so there is option in settings to set up an embedded comments form in blogger. Go to blogger dashboard > Settings > Posts and Comments > Comments. Then click the dropdown menu and choose "Embedded" .

Related : Customize Blogger Threaded/Nested Comments with CSS
Well, in this step you will need to edit your blogger template code, but you don't need to worry as it's a very simple customization to make!
From your blogger dashboard navigate to Template > Edit HTML. search for the following code in your blog's HTML :
<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>Now, simply replace above code with below 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>Finally, Save your template and you're done. Check your blog's post page there you should have a comment form right after / below the post.
If you can't find the code I've described above, then search for the code below :
<b:include data='post' name='comments' />Immediately after this line, add the following line of code:
<b:include data='post' name='comment-form'/>Then, save your template.
If you have any questions about this tutorial, Feel free to comment below. I would love to answer your each questions. :) Also do not forget to check out other blogger comments tutorials
No comments:
Post a Comment