Embed Comment Form below post in Blogger

One of the problem blogger have is that Blogger don’t have a embedded comment form like wordpress. After a longtime , now blogger draft has found a trick to include comment form. It’s really an easy hack for those who use templates provided by blogger. For those who use customized template need to include a HTML code to make the comment form appear below each post.

Let see how to do this :

Step 1 : First login to draft.blogger.com with your google account . Then in blogger dashboard click settings then comments. There you will find three options like this


As shown above check comment form placement : Embedded below post.

Step 1 is enough for users who use uncustomized blogger template. For them after doing this the comment form will be included below the post. Other users need to do the second step to make the comment form appear below post.

Step 2 :

Now go to Edit HTML section and first take a backup copy of your template. Then check expand widgets and search the folowing 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 the above code with this following 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>

that’s it save your template. Now you can see a beautiful comment form embedded below each post.

Screenshot :

Troubleshooting :

Do this step only if the comment form don’t appear after step 2. In some templates even after adding this code the comment form will not appear. Thanks to Blogger Buster for this hack . Now search for <b:include data=’post’ name=’comments’ /> and add the following code immediately below it <b:include data=’post’ name=’comment-form’/> .

After adding this code all templates will have comment form embedded below post . It’s really one of the best hack which draft blogger has now made it available for all blogger users. Before this most visitors might have felt uneasy to comment , because to write comments we need to navigate from the page or a pop-up window will open . But now writing comments is made very easy.

Anything else we can do with the comment form ?

Yes , we can change the width and height of comment form .

to change the width and height of comment form just change the following code in green .

<b:includable id=’comment-form’ var=’post’>
<div class=’comment-form’>
<a name=’comment-form’/>
<h3><data:postCommentMsg/></h3>
<p><data:blogCommentMessage/></p>
<iframe allowtransparency=’true’ expr:src=’data:post.commentFormIframeSrc’ frameborder=’0′ height=’275′ id=’comment-editor’ scrolling=’auto’ width=’100%/>
</div>
</b:includable>

Why are you waiting for , write a comment on this post and let me know how much you liked this post .




If you like this article , then please help us by bookmarking

92 Responses to “Embed Comment Form below post in Blogger”

  1. Pretty cool tut m8, thanks. Do u know how to remove the image verification thingy?

  2. Hi Gogu ,

    Thanks for your comments. Its very simple to remove word / image verification in blogger. Just go to settings page then navigate to comments sub tab. There you can see this line

    “Show word verification for comments?
    Yes No

    put a check on ‘no’. That’s it.

    If you have any doubts ask here .

    regards,
    Blogger Accessories

  3. Is this an April Fools trick? There is no third option for ‘Embedded below post’ in the comment form placement settings???

  4. Hi Billy ,

    Please login to draft.blogger.com with your blogger account. Only there you will find embed comment form below post option. i mentioned it in the post itself. If you still have problem let me know.

    regards,
    Blogger Accessories

  5. hello i have Just install Embed Comment not showing the Comment ????? Reply Me Soon

    on this Blog
    http://allcelebz.blogspot.com

  6. I see some blogs when the readers comment it will display their avatars, like yours. But I don’t know how to do this, can you show me please? I will really appreciate this, big thank to you.

  7. hello Mr Mohamed Rias,
    How to change box post comment color? and how to modify the post comment box like color, fontz size? Thanks

  8. Salam Alaikum Farida ,

    Its really very easy . If you wish send me your template to my email id (mohamedrias1103@gmail.com ) , I will make the necessary changes and send you back. Please tell me what type of css you need and other details.

    regards,
    Blogger accessories

  9. thank you riaz

  10. Hello,
    Is there a way to disable Anonymous comments and to leave just Name/URL ? Like in WordPress or other blogs..
    example:

    Name: …
    Website(optional): …
    Comment:
    -comment form-

  11. Hi X-Fire ,

    Yes we can disable Anonymous Comments by changing the settings.

    Go to settings of your Blog , then navigate to comments sub tab. There you will find this line

    Who can Comment ?

    in that select ” registered users – includes open ID”

    and click save.

    if you want to show comments on this

    Name: …
    Website(optional): …
    Comment:
    -comment form-

    then we need to install intensedebate or haloscan , since Blogger don’t have this feature.

    regards ,
    Blogger Accessories

  12. i am not able to find the code to be replaced in my blogger template.

    Please help

    My blog is – http://technolizard.blogspot.com

  13. Ride savety...utamakan selamat..he..he 01. Oct, 2008 at 5:34 pm

    Gagal manink son

  14. Thanks!

    I am having 2 issues though…

    How can I change the colour of the “Comment as” text? My background is black, so black font doesnt really work well…

    Also, I am getting an error every time and have to click the button twice for the comment to appear. Is there a fix for that?

    This is really a great though! I am gettting a lot more comments now, even with the small problems I am having.

  15. Thanks Rias, this hack worked for me, thanks a lot

  16. Ur site is cool.For my Wp premium blog Template Some hacks are only working..

    I have tried this Comment box many times… nope its not working for tht Template.It will be very helpful for me if u give some Solution for this..

    The Error it Shows is “More than one widget was found with id: LinkList1. Widget IDs should be unique”

    praveenkumarg.blogspot.com

  17. just change the Linklist1 id to different number(you can type any unique number say 123) and save your template, if you get another id error then change that one also. Your template will be saved.

  18. hi riyaz i am ismail

    how to change comment background color like your blog and put number on the side.

  19. how to write from right to left.

  20. Thx Buddy…My problems are fixed now. I was searching over net for for past 1 month to include comment box for Wp Template…

    Thx a lot.

    http://praveenkumarg.blogspot.com

  21. Awesome tip. thanks for the share

  22. Явор Иванов 04. Nov, 2008 at 5:17 am

    hi! Any idea why suddenly on some blogs this trick failed.

    I mean it worked pretty well till today… and today it just doesn’t show the combobox options. So you can’t post comments.

    Someone has a resolution for this ?
    My blog is blog.svejo.net

    Thanks in advance for any suggestions on the problem.

  23. #Явор Иванов
    i hav the same problem too…

  24. I am not able to see ‘Comment as’ options on my blog. please help me

  25. please help me i am not able to comment on my blog, i dont see any options in ‘Comment as’ section. my blog URL is
    http://awesome-tech.blogspot.com/

  26. very nice

    blogger-godown.blogspot.com

  27. Hi i can’t seems to see anything? I really don’t know how to even start. PLS HELP!

  28. Malvinder Singh T Virdi 28. Nov, 2008 at 6:09 am

    hi

    Can you help in redesiging (CSS) for the Comment Area.. Please……

  29. Hello,

    I would like to change the color of my comment box as well, could you tell me the code to look for so I can do this (as you were talking about in comment #8). I’m working in a private test blog so you can’t view it unless i invite you. Thanks,

    Tessa

  30. I’m realy interessted in any advice from you to get those freaky gravatar comments working into a Blogger blog. Can you help me out?

  31. here is problem replacing this code, message is b:if tag is not properly closed.plz solve it

  32. Plz embed comment form in my template.
    I’ve sent you my template via email.

    http://crazy4warez.blogspot.com

  33. Oi, gostaria de te perguntar, como fex para aparecer o gravatar e configurar a area de comentarios numerados desse jeito?

  34. Very useful tip for the beginners like me.. Thanks..

    Tips Blogger dot Com

  35. how can i enable comment on my blog?
    im not using the blogspot layout,im using others.
    but the designer make it disable. how?help me

    http://theillusionsmind.blogspot.com

  36. I still have to click on comments for them to show up, AND the comment box only stays up for aobut 1 sec and then disappears??

  37. still have problem only show heading and space “Post a comment” but not show box. i have tried both. plz help.

  38. man.. you are great!

  39. I HAVE CHANGED AS SUGGESTED BY U AND I DO NOT FIND A COMMENT FORM ON MY BLOG

  40. Thanks a ton, this tip will help me tons formy blog.

  41. I have modified code as suggested by u.But Still its not working.Please help me out.
    Thanks
    My Blog Url is
    http://www.thedigitalpost.blogspot.com

  42. Hi thank you for the post, but I can’t seem to get the comment form after every page, only when I view a post individually the comment form works. I have followed ALL your instructions exactly. The blog is http://imprentapronto.blogspot.com

    Thanks in advance,

    James

  43. I am having a bit of trouble with the Post Comment appearing on pages where Comments have been disabled. The Post Comment appears on all pages like this:
    http://mdsfortibet.blogspot.com/2009/02/md_22.html

    The only page on which it doesn’t appear, for some reason, is the top page:
    http://mdsfortibet.blogspot.com/

    Any idea how I can fix this?

  44. I recently came accross your blog and have been reading along. I thought I would leave my first comment. I dont know what to say except that I have enjoyed reading. Nice blog. I will keep visiting this blog very often.

    Elaina

    http://www.craigslistpostingtools.info

  45. dear muhamed rias…
    i have already a form comment…but the problem is i must click on [comment], if i want to see the comment not automatically when i open the blog. Can you help me Pleaze…..
    my blog…
    http://www.menitiilmu80.blogspot.com
    e-mail: tikno.anakbungsu80@gmail.com

    best regard
    tikno

  46. I can’t fin the code to replace on my blog to enable comment option. Can someone help and send a corrected template? Thanks
    http://myplaylist-themusic.blogspot.com/
    matt.myplaylist@gmail.com

  47. It has been a good try for me. My comment form was placed twice in my blog. So i went editing my template and finally got it.
    http://www.praveenweb.blogspot.com

  48. Dear muhammed rais.
    thank for the tips. it’s very useful. Now i have form comment below my post.

    best regard.

    http://belajarblog80.blogspot.com

  49. Hello all,
    While I surf blog , i found a all new trick in http://pic-memory.blogspot.com/

    Vistor can comment and EMBED VIDEO , IMAGE .EX :
    http://pic-memory.blogspot.com/2009/02/photos-women-latin-asian-pictu

    View page source TAG COMMENT SCRIPT:
    var str=”hello, view source! /(.|.)\”;var cote=document.getElementById(this.div);
    \* ^_^ *\ …

    Written very smart!
    I wonder how they do it ? Anyone know about this , please tell me 😀
    (sr for my bad english ^_^)

    email: ya76oo@ya76oo.com
    thanks.

  50. Hi there
    I’ve messed with my template a little and now although I have show comments button on in settings there’s no clickable link below my post. Where can I look to get it back?
    For now I’ve made a seperate comments page. Any help would be great
    thanks
    Lorenzo
    lorenzosma.blogspot.com

Leave a Reply

You must be logged in to post a comment.