Inline Comments For Blogger / Blogspot

Blogger has now come forward with inline comments like in wordpress.This allows you to show a comment form beneath your blog post just like in wordpress(in fact a little better)

To enable the new Comment Form , Go to Settings > Comments and set Comment Form Placement as
Embedded below post and Save the Settings

Save the settings and if everything went right you should get an inline comments form like mine..
If you have a modded template this may not work for you. In that case try these steps.. Go to Template>Edit Html

---

and find this line in your template code:

<b:include data='post' name='comments' />

and replace it with

<b:include data='post' name='comments' />
<b:include data='post' name='comment-form'/>

I hope you got the embedded comment form by now...;)

---

If this didn't work for you try the steps mentioned below..
Find  this 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>

Now replace this code with

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

Sometime you may not get it right even after doing this..If this too doesn't work try the following method Here what we are actually trying to do is that we are finding the Post a comment link which appears after the list of comments and replacing that link with the new comment form..

The normal code which generates the Post a Comment Link looks like this

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

But this post a comment link would be there at different places in the template.Make sure you find the one which is shown after the list of comments..And now replace this comment link by the new comment form code.. that is

<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>

If this too doesn't help or if you get into some errors or if you need some modifications please let me know.. I would be happy to help you..