Top Menu

How to Add / Embed Comment Box below blogger post?

SHARE
For a while now, a lot of people have hated the comment feature on blogger/blogspot. Mainly because of the sign in issues but that was resolved a while back.Finally blogger/blogspot have released an inline comment feature, which means the comment box is directly under your post and not in a pop up box or another page.Some readers may find dropping comment is something that will causes inconvenient for them. So if you have a comment box under every post, then your readers can simply drop down a comment after reading your post. Sounds simple and easy.

Here is the trick to create comment box under your post.

1. Login to http://draft.blogger.com
2. Go to Setting–>Comments. then change “Comment Form Placement” to be “Embedded below post” (look at the image below)

3. Then “Save Setting”
Try to see your blog and klik on your titile post. if there is a embadded commnet box below your post just stop this step here. But if there is no comments box, just follow the next steps here.

If you have customized your template, you will need to make a small change to your template code for this comment form to display. But don’t worry, it’s a very simple customization to make!

4. Go to “Layout–>Edit HTML”
5. Check the “Expand widget templates” box.
6. Find this code :

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

7. Then replace it with this 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> </b:if>

8. Save your Template.

, , , ,

Designed by Vishal Gaikar