How to embed comment-form below posts

One of the most requested feature by bloggers in their blogspot blogs, is to have comment-form embedded below their posts, so that visitors need not go away from the post just for the sake of making a comment. Although till date most of the bloggers don’t know about this feature and hence are using pop-up comment form, but embedding the comment-from below the posts is much better than those pop-ups. You can see this feature in action, in this blog itself.

To start with, first of all, you should know that apart from Blogger there is a Beta version of blogger too, with a sub-domain “Draft” :- Draft.Blogger.com
In this beta version of blogger some improved features are added.

Now follow these steps:
1. Go to draft.blogger.com, and NOT to blogger.com, and login as usual
2. Now go to Settings tab
3. Now click on comments link
4. Then in front of Comment Form Placement, select the radio-button of Embedded below post

5. Now go to “Layout” Tab
6. Then click on “Edit HTML
7. Now check the box of Expand Widget Templates
8.Then search for this code:

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

9. And immediately after this, add this code-line:

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

That’s it….Now your visitors can easily comment on your posts without leaving the page.

You can read more blogger tricks and tips HERE

89 thoughts on “How to embed comment-form below posts

  1. Hmm, didn’t work for me. Followed your directions to the letter — what I get is a big blank space under the post where the comment form *should be* but no comment form.
    Argh. 🙁
    The code for the comment form seems to be in the right place in the generated page — just no comment form.

    http://makingitasapro.blogspot.com

  2. Happy too. I used your information above (by the way, other info on your site worked perfectly, so thanks for doing this!!!), and got the results above. Spent some time going back and forth between draft blogger and regular, and finally figured it out: as of a few weeks ago, the “embedded comment form” is no longer a draft feature, it’s part of regular blooger. Apparently sticking in your code on draft, AND enabling embedded comments on the non-draft editing page caused a conflict in code…what made it really bad was that after doing your mod, and downloading my template, neither draft nor regular would accept that template as an upload any longer, and would throw errors.
    I reverted to a previous template, turned off (in non-draft) embedded comments, put back some features I’d put in like expandable summaries, then re-enabled embedded comments in non-draft blogger; then it all worked.
    Your instructions were perfect, it’s just that blogger moved the option out of draft, so your instructions now cause a code problem if you’ve enabled the feature in non-draft.
    At least that’s the best I could figure out 🙂
    Thanks for checking, and for the great site.

  3. Thanks a lot Paul, for telling and describing everything in so detail, I hope others, will also get the benefit from your comments, as even I didn’t know that non-draft blogger has now started the “comment-form” option….

  4. Hi, I am unable to save the code…I logged into my draft and followed every steps you mentioned above…but I was getting the following error:

    We’re sorry, but we were unable to complete your request.
    Provide the following error code and additional information.
    bX-h6kry1

  5. Well if you have logged in to draft.blogger.com and still getting error, that may be because of the cache memory of your browser. So change your internet browser (IE or Firefox of Opera etc) and try this again. If still getting an error, comment here.
    And please do not post anonymously, or at least leave a link to your blog, so that I can check your blog while replying !

  6. hi divya

    u got a really good site and nice way to explain things.
    i m facing problem with my embeded comment form. i tried this trick but its not working
    codes are saved properly bt its showing a big blank space instead of comment box. and also now if i switch back to regular comment system its not working. please look at it and help i need this

    http://mtv-roadies.in

  7. Hmmm

    actually now there’s no need to go to Draft.Blogger.Com for doing this hack, as Blogger has shifted this feature from beta blogger to Blogger.com.

    So just try this out:

    First go to settings. Select the Comment Form Placement as “full page” option.
    Check in the blog if it’s working.

    Then again go to settings, and select the option “Embedded below post“. Now if the form appears directly then it’s well and fine. Otherwise, go to layout
    And then add that New line to the code and check your blog.

  8. Thank you so much for this! Works just fine. There’s just a small problem though- I have 2 comment forms now(though I copied-pasted the code just once). Any ideas on how I could fix this? Thanks again!

  9. Delete the line;

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

    from your template, check your blog, and go to settings, set the comment form placement as pop-up or full page.
    Save it.
    Then again select as comment form placement as "embed below post"then again add that line to your blog template.

  10. Hi Sammer,

    In your blog neither a comment-form nor a comment link is visible. I think there’s some problem with your template or settings. As you have just started blogging, so do this:
    Change the template temporarily to Minima white,

    go to settings -> Comments. Select the Comment Form Placement as “full page” option.
    Check in the blog if it’s working.

    Then again go to settings, and select the option “Embedded below post”. Now if the form appears directly then it’s well and fine. Otherwise, go to layout
    And then add that New line (from the code above) to the template-code and check your blog.

  11. Hi and thanks for your articles and your help. I was wondering if you could help me with my blog stavrospolyviou.blogspot.com. I have tried “embedded”, switching back and forth between “embedded” and “in a new window”, adding the extra line, substituting a whole code area, but nothing has worked, so that I can see the comment form embedded under my posts. I appreciate your help. PS: stavrospolyviou2.blogspot.com has been a 2nd blog I am using for testing, with no luck though.

  12. I have obviously misunderstood the use of “embedded comment form”. I thought it could show up on the main page, too. but I have just read it won’t. Thanks anyway, and please tell me if you know some trick to do this, too!

  13. Hi I am busy building a my blog and I have no comment sections at all. The codes are all there the way you showed It was already there, I didn’t have to change it. It shows no “full screen” or “pop-up” or “embede” comment from. I tried using different browsers, and even going back to the normal templet, but nothing works. Is there something I’m missing?

  14. Sorry for replying so late….anyways as I just visited your blog, found the comment-form in it’s place, so I hope things are fine in your blog now…

    Regards
    Sai

  15. HI, help me,i can not see my blog's comment word verification. some of my Friends who want to leave a comment, he or she can not see word verification field.So no one cannot write a comment.
    what should i do?
    i can write a comment, but readers can not see word verifiaction field. What is the problem?
    Please help me?
    http://www.zozoloo.blogspot.com

  16. In Blogger blogs, with word verification enabled, you first view the comment as a preview and then the word verification appears just below the preview-comment, which partly gets hidden, and so the readers may not see it, and they leave the page without commenting completely.

    My suggestion is to remove the word verification system from your blog (Settings->Comments->Show word verification for comments?->NO), you can still easily moderate comments from your email, the same way as I do in my blog:
    http://bloggerstop.net/2008/12/easily-moderate-comments-in-blogspot.html

    And if you still want a proper word-verification system then you may have a look on these new comment-forms:
    http://bloggerstop.net/2009/07/add-intensedebate-disqus-and-js-kit-to.html

    Regards
    Sai

  17. I have tried all methods to get the comments to show below posts to no avail. I have a fairly manipulated blogger template http://thepeacetree.blogspot.com

    I find two comment forms but either (both) only show when I hit comment link or post title. I have tried each method you have suggested in the comment section. Embedded on post pages- okay. Pop up- okay. Full page- okay. Embedded below post without leaving the page- NOT okay.

    I have looked for dual <div class='comments…"> but found none. I did find a "<div class='comments' id='comments'>" but unsure of the problem with this great hack not working for me… Help?

    Peace,
    Mark

  18. Been there done that. :>/

    I am trying to stay with blogger comments despite their limitations.

    The JS kit Intense Debate system is cool, but I found my commenters drop off greatly after I implemented it last month. Now i am starting fresh, so to speak.

    I will find a way, somehow, to get the comments to show below my posts without being in a post page.

    I appreciate your quick reply and wish you the best.

    Thank you,
    Mark (thepoetryman)

  19. Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Thank you Sooooo Much!!!!

  20. thank you so much.. done fixing my POST A COMMENT problem.. i'll be putting your link in my blogsite as a form of gratitude.. happyearningmoneyonline.blogspot.com

  21. Sai, I did what you said, will you see if it works, I don't know if it looks the same for me as it does for you. Also, I tried to do the page breaks like you said. I read the little mini tutorial about how to do it, it was very simple looking so I did it, I clicked the page break icon and saw the gray line but it's not working when I view my blog. (P.S. I think I've been writing messages to you all over different pages of your blog, I'm worried that I am not keeping track of which page to check back for responses. Are there any I haven't replied to yet? And can your responses be automatically emailed to me with a link? I'm pretty demanding huh? –Kelly Mugar Juell http://www.juellsjewel.blogspot.com

  22. Kelly,

    Your "read more"-post truncation is working properly. You have used it only in your first post and it has truncated your post after this… "waiting to happen. "
    So, use that break in your other posts too.

    But I would suggest you to shift the "read more" link to the right side of your posts. Look the second code of STEP #8 from tihs page: Read More Hack

    The best way to keep a track on your comments is to subscribe to the comments-threads. Click on that blue link "subscribe by email" just below the comment-form and you'll get a mail whenever I/someone else comments back. And of course as soon as you got your answer, unsubscribe from that page. Anyways here are your other comments:
    1. Collapsible multi-tabbed widget
    2. New multi-tabbed widget

  23. Hello

    I just created a blogger blog and I am customizing it now.

    But when I search for the code with Ctrl F as you instructed I was told No matches found.

    I then scrolled down the template and this is what I found

    /* Comments
    ———————————————– */
    #comments h4 {
    margin:1em 0;
    font-weight: bold;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.2em;
    color: $sidebarcolor;
    padding: 5px;
    border:1px solid $bordercolor;
    background-color:#transparent;

    }

    #comments-block {
    margin:1em 0 1.5em;
    line-height:1.6em;
    }
    #comments-block .comment-author {
    margin:.5em 0;
    }
    #comments-block .comment-body {
    margin:.25em 0 0;
    }
    #comments-block .comment-footer {
    margin:-.25em 0 2em;
    line-height: 1.4em;
    text-transform:uppercase;
    letter-spacing:.1em;
    }
    #comments-block .comment-body p {
    margin:0 0 .75em;
    }
    .deleted-comment {
    font-style:italic;
    color:gray;
    }

    The blog is http://relation-issues-and-answers.blogspot.com

    Please I'll appreicate your assistance

  24. Oh so sorry, didn't know I missed that. I have gotten it now but I didn't go through draft, just directly from my blog dashboard.

    Thanks

  25. Dear Divya…
    My first comment and my first regards…
    Great Blog..great Going and one dumbo question…
    My blog is embedded but thats it…One has to still click to display it below the post..I am even not sure if i will get a notification of this..

  26. Most probably you have disabled commenting on your blog.
    Go to settings -> Comments
    and
    In front of comments it should be "Show"
    In front of Who Can Comment? select either "Anyone" or "Registered Users"
    And finally in front of "Comments Default for Posts" select "New Posts Have comments"
    Then write a new post and see if it has a comment form or not.

  27. Hello Bloggerstop.net
    I want to add a few links to my blog, but i don't know how to do it. I mean I want like this: visitors click on Link1 then go to detail 1 and if they click more on detail 1 then they will go to detail 2. Yes i want like this, can you help me? Actually, I don't want to use Anchor text…..Here is my blog:
    http://healthabout.blogspot.com/

  28. I'm having the same problem as some of the previous posts.

    On my main posts, the comment box works perfectly – but on the 'Pages' I've added, in the posting options if I select 'Comments allowed' two comment boxes appear.

    I've looked for the div class='comment-form' and can only find it once and not repeated.

    Is there a fix for this? Am I making sense? Please could you have a look to see where I'm going wrong? Thank you very much.

    Am I nearly there yet?

Leave a Reply

Your email address will not be published. Required fields are marked *