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 blogpost just like in wordpress(in fact a little better)

The comment form is embedded as an iframe. This is still in Beta. So if you wish to create an inline commenting system for your blog login to your blogger(blogger in draft) account at http://draft.blogger.com.
Goto Settings>Comments and set Comment Form Placement as
Embedded below post

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.. Goto Template>Edit Html

---

New Updated Method

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 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..
Help me spreading this new feature to the blogosphere by blogging about this
You may also bookmark this post on your favorite Social bookmarking site..
Why not help me by digging this post.