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) inline-comments-for-blogger

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

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

64 comments :

  1. Nice to see google adding more features to blogger.Blogger is getting better and better and maybe it will soon beat wordpress..

    ReplyDelete
  2. Wow, that's great, I've been wanting this feature for a long time. thank you very much for telling me about this. this will increase comments for blogspot bloggers a lot.

    ReplyDelete
  3. Thanks Aneesh am using it for my blog now
    Godbless

    ReplyDelete
  4. you are welcome!! nice to see more and more blogs using the inline comments feature..

    ReplyDelete
  5. Aneesh, thanks for your tip, it has worked !!!!!

    I have joined your RSS feeds

    Thanks once again for a super swift response to my query.

    ReplyDelete
  6. you are welcome.. hope you will have a nice blog with the new style commenting system...

    ReplyDelete
  7. thanks, will try what you recommended, I'm thinking it didn't work before was because I was not in Blogger in Draft, I have save the setting in Blogger in Draft but somehow when I go to layout it went back to the regular dashboard

    anyway thanks for your help

    ReplyDelete
  8. Thanks for informing me about this.. but his comment form doesn't allow me to preview my comment.. :(

    ReplyDelete
  9. My template does not have the code you have asked to find in the your post. Can you help me with this??

    ReplyDelete
  10. Hi, Aneesh

    I saw what you wrote in my Blogtest but I got this message error: Element type "iframe" must be followed by either attribute specifications, ">" or "/>".
    Should I put /iframe before /div or another end tag?

    Thanks for visiting my blog!

    ReplyDelete
  11. Awesome! Thanks for posting this, I will make sure to get it on my blog. I love it.

    ReplyDelete
  12. @Cidão Nice to see it working on your test log too..

    @Vikram Yes that sort of code is there i your template.. i haven't give the absolutely same code as it may vary for different templates..So you will have to find the paragraph element which contains Post a Comment Link . We are going to replace the Post a comment link with the comment form..If you still have trouble..feel free to contact me or just download and mail me the template.. i will fix it for you..

    ReplyDelete
  13. blogspot will never beat wordpress

    ReplyDelete
  14. OK... I'm getting somewhere... just not quite there yet.
    I have the comment box and it works to comment on. However the comments don't show up under my posts, there is what looks to be a link and the # of comments, but it's not clickable. So no one can read the comments posted.

    Any ideas? I had to use your third scenario and I have still have this strange code that I think is the problem. It's: *b:if cond='data:post.numComments == 1'* 1 *data:top.commentLabel/* » *b:else/* *data:post.numComments/* *data:top.commentLabelPlural/* »
    */b:if*
    (replace the * with opening or closing tags - the comment form didn't let me add the actual tags)

    I'd appreciate your help. My blog is at: http://photosforthefunofit.blogspot.com

    ReplyDelete
  15. Thanks Aneesh. It worked because it's a template blogger, my other one has different codes and lines. But you didn't answer my question about "iframe" end tag. May I mail you my template for you to see what's going on with rating stars and Inline comments?

    ReplyDelete
  16. @Angie I didn't understand where you went wrong..by the way the code you have posted is used to show the number of comments..

    It will display 1 comment if there is a single comment on the post and it will display n comments if there is more than 1 comment..
    You might have deleted some code which is used to display the comments..

    I have another important suggestion for you.. You are using the feed widget to display your feed widget to display your recent posts and you have used the feedburner url there.This means your recent post list will be updated only when feedburner receives a ping.Another thing is that this will show feedburner urls like http://feeds.feedburner.com/~r/MyPhotosForFunBlog/~3/323198888/iris-and-magn

    instead of showing the actual link of the post..
    So it is better to change the feed url to
    http://photosforthefunofit.blogspot.com/atom.xml?redirect=false

    this will use blogger's original feed and all the above problems will be solved..


    @Cidão there is no need to use any </iframe> Yes if you send me the template i can fix it for you..

    i have mailed you to the mail id listed in your blogger profile..

    ReplyDelete
  17. Good job my friend. but i use intense debate in my blog. I'm quite alright with it right now.

    ReplyDelete
  18. Aneesh! You are so sweet! Thanks so much for trying to help me fix my comments. :) I tried, and tried again... but no such luck. It's okay, though, I know I'll probably change my theme sometime in the near future anyway, and then I can switch to these new cool comments.

    But I wanted to drop a line and thank you! I'm adding you to my reader - hope you have a great weekend!

    ReplyDelete
  19. you are welcome.. i could fix the template for you and add the inline comments to the template if you mail me the template or upload the template somewhere and send me the link..

    ReplyDelete
  20. Hi Aneesh. I'm hoping you could help me. I have what I'm guessing is an OLD template (been blogging for a few years, and I publish using FTP to my own hosted site), and the only code relating to "Post a Comment" was this:

    ...a href="<$BlogItemCommentCreate$>"
    <$BlogItemCommentFormOnClick$>>
    Post a Comment<...

    After switching to embedded comment form, no matter what I replace it with I seem to get nothing where the post a comment link used to be. Any suggestions? Many thanks in advance!

    ReplyDelete
  21. Never mind - I found the solution. I have a "classic template" and found this will put it in correctly:

    ...p class="comment-timestamp" align="center"><$BlogItemCreate$><...

    ReplyDelete
  22. nice find!!! i hope you were able to implement it on your blog...

    ReplyDelete
  23. Thanks for leaving the help in the comments on my website, but doing what you suggested didn't work. It gave me one of those crazy errors and said it couldn't complete my request.

    If you have a chance, please come back and help.

    www.frombrandon.com

    ReplyDelete
  24. I have been trying to implement this new comment form, but it doesn't seem to work for me. I tried using draft.blogger but it's not working. I'll try again.

    Anyways, I still like your new design because it looks professional...

    ReplyDelete
  25. i hope you will soon get that right..

    ReplyDelete
  26. I got it to work!
    I only had to add one line of code to my template. I tried giving you the code, but this comment form cannot accept the HTML.

    ReplyDelete
  27. Yes, I did try out the comment form instructions that you posted on the blog itself, but it just does not seem to want to switch over.

    ReplyDelete
  28. just mail me your template.. i will fix it for you..

    ReplyDelete
  29. ok i have edited the template and mailed it back to you..

    ReplyDelete
  30. Thanks for this. I opted for the inline comments a while back, but I had no idea the form was not working. This saved me a lot of work

    ReplyDelete
  31. hi i am using the classic template and i cant seem to have a comment widget cz im using blogskins.. could u help me?

    ReplyDelete
  32. I tried the above instructions, however they do not work.

    onlinemf.blogspot.com

    I get the same "b:if" error msg. pls advise.

    ReplyDelete
  33. It didn't work for me, I'm going crazy. What can I do? What I'm doing wrong?

    I tryied to post the code after correction but its not possible.

    I'm sorry I'm not an expert, I just want to write my little blog and have some little comments, do I have to became an ingeneer for that?

    Thank you very much for your help, I know it's nothing about you and I shouldnt complain, but Im so frustrated with blogger...

    ReplyDelete
  34. Gosh this is AWESOME! I am so excited to have found your blog!!

    ReplyDelete
  35. Ummm, when a user posts a comment, the first time gets "an error blah blah, try later". Then he presses again the button and it works.

    What ca it be?

    ReplyDelete
  36. I followed the steps but didnt achieve the inline comment box, what do i do next?

    ReplyDelete
  37. I am using a "classic template" as well and I am having trouble implementing the inline comment functionality. I have the same code present in my template as "Tom," but I am not quite sure what he did in order to get the inline comments working. Any help would be greatly appreciated, thank you for your time.

    Here is the code for commenting that I have:

    ...class="comment-timestamp">
    <$BlogItemCreate$>
    ...

    ReplyDelete
  38. Believe me i followed the instruction correctly but it doesn't work with me...I think this not applicable to blogspot.com....

    email: blink360deg@yahoo.com

    ReplyDelete
  39. help! i cannot get this to work and need it for an event starting monday!! can you help? @babybanz on twitter shari {at} babybanz {dot} com

    ReplyDelete
  40. Movies Games Software Live Tv 18+ Movies Cricket Highlight WWE and More Then
    http://fun-markaz.blogspot.com

    ReplyDelete
  41. how do i get my comments section to look like yours instead of the standard one

    ReplyDelete
  42. Blogger is getting better day by day. Now more and more comments can be added. Thanks for your valuable information.

    ReplyDelete
  43. Thanks for your advice for good comments.

    ReplyDelete
  44. I can't see the cade in my template pl zhelp me i really want this

    ReplyDelete
  45. hi, I have tried everything you asked me to, but I still have comments as a word with a line under it. also pls tell me how to make the write-in box available under the blog. the template I use is TicTac

    ReplyDelete
  46. Hi, I did these 3 method but it won't appear. Can you help me to see if it is possible to work or not or I might change my temple to use your hack

    www.creativelayer.blogspot.com

    Thanks

    ReplyDelete
  47. Love your site!! It is the best that I have found to get me up to speed with CSS and XSLT .. as has been years since I did web dev and that was HTML. I am now blogging and trying to figure it all out, without costing $1000s that I don't have.
    Thanks so much.

    ReplyDelete
  48. Hi there…!
    i have problem with my blog i cant moderate comments i have changed settings of comments in blogger. i have on comment moderator to ”always” and i have also marked yes for word verification . i changed my template many time but still it publish comment with out letting me know it

    Would you kindly tell me what is the problem plz

    ReplyDelete
  49. none of these options worked for since, none of the "lool for this" item exists on my html. :( please help

    ReplyDelete
  50. @MariB - you are already having the inline comments on theseasol.blogspot.com

    ReplyDelete
  51. Please help me! I created a memorial page for my uncle in hopes to raise financial assistance for my aunt to cover his funeral expenses. I have tried EVERY way possible to make the POST COMMENT section appear and have the comments remain on the page....please help me!! Here is the page http://michaelpiel.blogspot.com/?spref=fb
    my email is neuronurse88@gmail.com
    PLEASE HELP

    ReplyDelete
  52. I tried everything. Nothing worked. Here's my blog:

    http://themotleymonk.blogspot.com

    email: rjacobs.osa@gmail.com

    Thank you.

    ReplyDelete
  53. I've been trying this for more than 2 years now. The inline comment just does NOT seem to work -i have tried various suggestions given online (all suggestions from all sites are v.similar to the ones given by bloggerbuster - Amanda) Can you pls help this with my site... it is 214recommends.blogspot.com. Pls suggest how i do it.

    ReplyDelete
  54. Aneesh,

    I have been trying to add inline comments to my Blogger site for quite some time now with no success. Most sites recommend the first 2 tips that you shared, your post is the first I have found to include the 3rd method...however, even after I changed the code this method has not worked. On the bright side, it's the only fix that did not give me an error after I used it! Do you know of any other ways I could embed the comment box into my posts? Please keep in mind, I'm a bit of a novice at editing code so you may have to dummy things down for me lol.

    ReplyDelete
  55. @Shane - there is a very simple one click method which will give you the inline comments.
    But you might loose some template customizations. So first make a backup of your template and then on the Edit HTML page, click on the link which says "Revert Widget Templates to Default".
    Now if you have selected the "Embedded below post" option in comment settings, you will see the inline comments and comment form.

    ReplyDelete
  56. @Aneesh - I just followed those steps and the inline comments have not appeared on my page. I also didn't lose any of my customizations to my template, so I'll call that fight between myself and Blogger as a draw. Do you have any other suggestions?

    ReplyDelete
  57. @Shane - are you trying this on this blog? -http://www.ahthepossibilities.com/2011/06/comfort-break.html

    if so, i think you forgot to change the Commenting Settings in Settings > Comments

    ReplyDelete
  58. @Aneesh - Ah, The Possibilities is not my site, just one I am following. This is the link to my page:

    http://www.500daysofshaneiferd.net/

    ReplyDelete
  59. @Aneesh (again) - Okay, follow-up post...I just managed to add the Inline Comment box to my entries. However, it is added to the top of the entries instead of the bottom. I have the Embedded Below Post option checked, and under the Design>>Blog Posts element I have moved the comments link below my posts, but the inline form remains at the top of my posts. Progress has been made, however! All I need to do is move the form to the bottom...

    ReplyDelete
  60. Thank you for your trick. I got it!!

    ReplyDelete