Add A Comment Form Below Posts

comment formHello.

We all know how important Feedback are from our readers, I personally love every comment. sengihnampakgigi

But in blogger blogs, we find that the comment form in not embedded below the post area which is a feature found in every WordPress blog.xpasti

So to have this hack on Blogger blogs follow this simple tutorial to Add Comment Form below your blogger posts:

01. Log in to your Free Blogger account by going to Draft Login Page:

And enter the required fields and press Sign In
embedded comment form

02. On your Dashboard choose the blog for which you want to Add A Inline Comment Form and then click on Settings:
embedded comment form

Once there, click on Comments tab and Choose Comment Form Placement : Embedded Below Post option and Press Save Settings:
comment form

03. Now go to Edit Html tab:
add a comment form

In Edit Html tab, before proceeding next, it would be a better idea to backup your template, by clicking on Download Full Template link:
add a comment form

Once downloaded, check the box to tick Expand Widget Templates:
add a comment form

To
add a comment form

04. Search for the below code in your template [Press Ctrl+F to search]:

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

Replace the above code with below 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>

Now click on Preview button [a new windows or tab will open]:
add a comment form

By Previewing, you don’t save the changes, but can ensure it be error free.kenyit If there doesn’t comes any error then press Save Template.

You are done! kenyit

If still the comment form is not shown in your template,, then try this easy step:
After step 03. from above , search for below code in your template [Press Ctrl + F to search]:

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

Add the below lines Just After the above code:

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

Preview the template, if no error comes then Save Template.

All done. You now have Embedded Comment Form below

Remember, this is a hack which will show the comment form in each individual post and not on Homepage or in archive page etc.

Hope you enjoy this senyum

If you find any difficulty then tell me here and I will solve that. senyum

If you liked this you would also like to read:
Hide Navigation Bar
How To Add A Contact Form To Your Blog

29 Responses to Add A Comment Form Below Posts
  1. Reddick Reply

    gr8 thnks, I was really looking for this.
    sorry fr my bad english

  2. Bariski Reply

    My pleasure buddy. And you English is okay no problem ;)

  3. acai supplements Reply

    Seems like the latest versions of blogger have pretty decent commenting capabilities.

  4. dawn garcia Reply

    Thank you! I downloaded a new template and the “add comment” section disappeared. I’ve got it all set up now so THANK YOU!

  5. Bariski Reply

    I’m glad this helped you :)

  6. N97 geeks Reply

    Thanks for the Tutorial. Very easy to follow.

  7. Stair Gates Jody Reply

    Great tip. I am going to implement on my blog for stair gates. Thanks.

  8. Dastgir Reply

    hello i have still problem comments forum show but
    sudenly hide
    plz chk my web site

  9. Bariski Reply

    And your site is?

  10. Jogger Strollers Reply

    This will be helpful in my blog about jogger strollers.

  11. Stair Gates Reply

    Thanks for the help

  12. Bariski Reply

    My pleasure friends :)

  13. fysalkhan Reply

    http://www.madani-media.co.cc is my blog

    but comments form not shown what to do

  14. Bariski Reply

    Did you followed the steps correctly?

  15. casino craps online games Reply

    Thank you for your advice.It seems a bit complex, ill have to give it a try, but if anybody else reading this post can take on such a mod, contact me with your price.
    thanks again. appreciate your time and advice!!!

  16. Bariski Reply

    Hi buddy, try it on your own if you wont be able to do it, I will do it for free for you :)

    Looking forward for your reply.

  17. virtual roulette machines Reply

    Awesome. just awesome…i haven't any word to appreciate this post…..Really i am impressed from this post….the person who create this post he is a great human..thanks for shared this with us.i found this informative and interesting blog so i think so its very useful and knowledge able.I would like to thank you for the efforts you have made in writing this article

  18. Mehdi Reply

    Hello, First, I really thank you from the bottom of my heart, everytime I was trying to setup this hack on my blog I got errors, untill I fell down on your blog.. and exactly your own hack to do it.. thanks :) I would like to thank you also for the very unique way you explain with the small details.. I advise your blog for new bloggers..

    Second.. I think it's a good idea to combine your two hacks in one because it is what I was looking for:

    I mean:

    "Add A Comment Form Below Posts + Add Yahoo Smileys In Comments"

    + Setting the "Embedded post below", IN ADDITION TO THE FINAL SCRIPT BEFORE THE /body

  19. Bariski Reply

    @Mehdi Thanks for the appreciation, I'm glad this helped you.

    For adding yahoo smileys, please follow this post:
    Add Yahoo Smileys In Comments

    I didnt got what exactly you want with your last point, please can you be more specific.

    Hope this helps.

  20. Mehdi Reply

    Hello :) and thank you for your prompt replying.. Well, I've already done this to my blog, which I thank you for :) but my last comment was a proposal for you to create a post which gives the users the combination of the two hacks: "Add A Comment Form Below Posts + Add Yahoo Smileys In Comments" in one hack. so he will be able to set the comment from belwo the post and in the same adding the smilies..

  21. Bariski Reply

    Yee Mehdi I got that but that would be just a dupe as I have made both the posts already, hope you understand.

  22. Mehdi Reply

    Oh yeah :D definitely yes !! now I'm walking in your blog to discover more useful hacks :) thanks :x

  23. Amprawin Reply

    hey thnx for ur info but my blog never shows comment box :( :( :(

    can u please mail me the steps ??
    i want a comment box same as u have.. :)
    please tell me

  24. Bariski Reply

    Which template are you using?

  25. Amprawin Reply

    i want to add this line in my comment box:
    seen on post

    but when i paste the following code :

    <a href="URL">seen on post</a>

    i get like this seen on post[with link]

    pl help

  26. Bariski Reply

    Oh this thing, see Go to Settings -> Comments -> Comment Form Message

    Then use the below converter to convert your code so that it becomes like what I'm using on my blog:
    http://www.eblogtemplates.com/blogger-ad-code-converter/

    Hope this helps.

  27. Matt Reply

    Okay. So i’ve tried this several times and it isn’t working for me. I’m at the end of my rope and ready to throw in the towel. Here is the code when i select “embed comments” in the settings tab.








    I want the comments and comment box to show beneath each post. Please help! Is this possible??? PLEASEEEEEEEEEEEEEEEEEEEEEE!!!!!!!!! AHHHHHHHHH!!!!!!!!!

  28. Kyan Mccartney Reply

    Thanks again for the blog post.Really looking forward to read more. Cool.

  29. Zion Scannell Reply

    Wow, great article.Really thank you! Really Cool.

Leave a Reply

Your email address will not be published. Please enter your name, email and a comment.

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>