Embed Comment Form below post in Blogger

05. Jul, 2008 83 Comments


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
Embed Comment Form below post in Blogger
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 :

Embed Comment Form below post in Blogger

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 .

Mohamed Rias - has written 94 posts on Techie Blogger

I am Mohamed Rias , admin of Techieblogger.com. Basically I am Engineering student but still blogging is my passion. My areas of interest are HTML , CSS , Jquery , Javascript and PHP.

Visit Authors Website  |  All Articles From This Author
0
hits

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

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

  1. serverperformance Reply 06. Apr, 2009 at 1:28 am

    Nice!

  2. El Baile del Milano (Jesús) Reply 06. Apr, 2009 at 1:29 am

    great!

  3. Miaoness Reply 07. Apr, 2009 at 12:49 am

    I have my comment enabled under “embed under post” but it still doesnt appear, but the comment box isn’t appearing. Even my friend cant leave a msg for me. could u pls take a look

    http://mewness.blogspot.com

  4. jayr Reply 19. Apr, 2009 at 11:13 am

    i used to try this thingy to my new webBlog, posting a comment below my blog post.. but it seem not working in my blog. i try the update one, but it also not working.. here is my blog

    http://cebufestivals.blogspot.com/

    can u help me this thing?? thanks..jayr

  5. JORGE Reply 30. Apr, 2009 at 9:55 pm

    muy interesante grancias…

  6. top the pop Reply 08. May, 2009 at 1:25 am

    how can i show avatar on the comment post..like urs.??email me plzzzz

  7. top the pop Reply 08. May, 2009 at 1:26 am

    iamolder90@gmail.com

  8. Ali Qayyum Reply 18. May, 2009 at 7:43 pm

    http://alisoft7.blogspot.com
    i m unable to find the exact code step 2
    < p clas s='com ment-footer '> i found, but it's having same line two times in the code. what should i do?

  9. Ali Qayyum Reply 18. May, 2009 at 7:56 pm

    i changed successfully plz look the position of box
    http://alisoft7.blogspot.com
    help me, what should i do now

  10. Ali Qayyum Reply 18. May, 2009 at 8:56 pm

    if i sent u my blogger code, plz change urself and send me back…is it possible
    send me ur email id
    aliqayyum786@gmail.com
    i tried plenties of time
    thanks
    waiting

  11. MrHungLe Reply 23. May, 2009 at 10:53 pm

    Help me! This hack not work on my blog???
    http://ebook-hot.blogspot.com
    Visit and help me fix it

  12. Lak Reply 16. Jun, 2009 at 8:35 pm

    I do not have this line of code:

    so I can’t repalce it. What do I do?

  13. vivapinay Reply 18. Jun, 2009 at 12:26 am

    In my great desire to embed comments form in my blog, the archive of my post seems to be at a loss.

    Could someone check my blog and tell what to do next? really need some help.

    http://vivapinay.blogspot.com

    Problem is when you click a certain post,the post is empty while all the widges are loading.

    Please help me.

    Christina
    vivapinay@gmail.com

  14. Blink360 Reply 19. Jun, 2009 at 5:00 pm

    Believe me this trick doesn’t work in blogspot.com! Now cut it out!

  15. web design quote Reply 25. Jun, 2009 at 3:04 am

    This tutorial is great to learn how to blogger add embedded comment form like wordpress. This post is really helpful for me and the user as well.

  16. MTeMedia Reply 07. Jul, 2009 at 7:11 pm

    hi dude

    great post i love it… check my website you might like it ;)

  17. Web Designing Company New York Reply 10. Jul, 2009 at 6:08 am

    Thanks for sharing this informative post.

  18. Forexbompact Reply 13. Jul, 2009 at 4:10 pm

    Great post. Gives me what I have been looking for.

  19. nirenjan Reply 20. Jul, 2009 at 7:04 am

    It’s really a nice blog. I like it. It’s really informative blog. Keep it up nice blogging.

  20. ant Reply 27. Jul, 2009 at 1:32 pm

    Need help…
    I’m using this template (http://www.eblogtemplates.com/langit-blogger/),I’ve tried many ways adding comment form below post in my blog. but i still can’t make it.
    please help..

  21. Mohamed Rias Reply 27. Jul, 2009 at 1:44 pm

    Hi Ant !

    hope you havent customized that langit blogger template. If so i will check the code in that template and can mail you.

    or else… send me your template to my email . I will keep your widgets as such and will edit comment form.

    regards,
    mohamed Rias

  22. ant Reply 27. Jul, 2009 at 2:03 pm

    Thanks for the quick responses…
    i’ll send my template.
    but i don’t know your email..
    sorry..:(

  23. amanda Reply 04. Aug, 2009 at 11:57 pm

    i have tried many tricks and copy pastes and everything but still cannot get my stupid comments to show on the page…what gives??

    thanks amanda

  24. Dana Reply 13. Sep, 2009 at 11:23 pm

    I have tried all the tricks and new code to enable the comment box to show up. It still doesn’t work. Any ideas?

    My blog is http://www.serenbestyleandsoul.blogspot.com

    Thanks.

    Dana

    Is there a way to have the actual comment appear under the posting?

  25. pinksheet Reply 20. Sep, 2009 at 12:13 am

    Wow! what an idea ! What a concept ! Beautiful .. Amazing …

  26. Brian Moore Reply 25. Sep, 2009 at 12:15 am

    Hey, I found your blog while searching on Google your post looks very interesting for me. I will add a backlink and bookmark your site. Keep up the good work!

  27. PatShelby Reply 07. Oct, 2009 at 7:37 pm

    There’s good info here. I did a search on the topic and found most people will agree with your blog. Keep up the good work mate! :)

  28. Chetan Reply 16. Oct, 2009 at 7:54 pm

    Hello Mohamed,

    Hope you are well. I am using langit template.
    The following is my problem- I have got a few comments made by visitors, but unfortunately they are not showing on the blog. I have tried to comment myself on the blog but they also do not show up..

    I appreciate if you can help me out. My blog- http://www.mottobiz.com

    Thanks in advance,

    Chet

  29. buy strattera Reply 13. Dec, 2009 at 3:49 pm

    this is a cool news. Thank you.

  30. Türkfm Reply 17. Dec, 2009 at 4:17 pm

    Wow! super homepage thanks

  31. Frankie John Reply 22. Dec, 2009 at 9:32 am

    I try so many times but still can’t. I’m getting fed up. Anyone can help me??. I really need your help… Please….

    From,
    Frankie John

    Thanks

  32. jdsans Reply 17. Jan, 2010 at 1:49 am

    good post. some templates don’t have this option

« Older Comments
Blogger Hack, blogger tutorials