How to Embed a Comment Box in Blogger

First of all you must have enabled in Draft in your dashboard to be able to use this service. If you are using a basic template without customizations, go to Settings -> Comments and in the section for Comment Form Placement, select “Embedded below post”.

If, however, you downloaded a customized Blogger template from another site or made your own changes to the template, doing this won’t work. So let’s get down and dirty again. This is much easier than placing star ratings.

Okay, now go to Layout -> Edit HTML and mark the box Expand Widget Templates. Look for this piece of code:

<p class=’comment-footer’>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<data:postCommentMsg/></a>
</p>
</b:if>

You can find it easily by searching for the term “addCommentUrl”. There are two instances of this in your template, choose the one that matches the above code. In my template, the next line after this code was <div id=’backlinks-container’> so that might help you a bit.

Then delete the code I made you look for and replace it with this:

<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>
</b:if>

Save your template and refresh your blog! Hope your frustrated readers will no longer be able to see the pop-up comment box ever again! :-)

P.S. Amanda from Blogger Buster has similar instructions, but they didn’t work for me. My blog’s base template is the minimalist theme from Blogger, perhaps that has something to do with it. But anyway, if this code doesn’t work for you, you might want to check out Amanda’s tutorial.

Comments

  1. hi Flisha
    I tried Amanda’s tutorial but it didn’t work…this worked like a breeze on Amanda’s blue steel template that I have installed on my blog…
    thanks so much for your clear instructions :))

  2. I tried this as well but it didn’t work it couldn’t be save as the comment it wasn’t well formed etc kept coming up. Shame!

  3. Thank you so much to write about this here, otherwise it would have taken some days until I discover this new feature! It works like a charm!

  4. Hi Martin, sorry I couldn’t be of help, did you try Amanda’s tutorial? It might be because we’re using different base templates.

    Ana, I’m glad this worked for you. :)

    Arielle, your blog is simple and cute. Are those flowers cherry blossoms? :) Thanks for dropping by regularly too. :)

  5. Hi sure you can. You can take this piece of 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>

    and place it right before this piece of code:

    <h3>
    <b:if cond=’data:post.numComments == 1′>
    1 <data:commentLabel/>
    <b:else/>
    <data:post.numComments/> <data:commentLabelPlural/>
    </b:if>
    </h3>

  6. Hi, happy to help.

    Unfortunately I don’t have experience manipulating the Delete button. Try to search for it on Google, I’m sure there are people who have already come up with some solutions.

    Good luck! :)

  7. Thanks for the post, appreciate it. Only thing is…I can’t see any comments that are made on a given post. ;-(

    Strange, eh?

    Any ideas?

    jer979.blogspot.com

  8. is this problem got solved??
    even i have the same problem..
    I dont see any comment link at teh end of any post of mine..
    pls suggest soemthing
    thanks
    Mahesh

  9. @Mahesh, I suggest you revert back to a classic template like Minima so your comment box will show. (Then afterwards modify it to suit your taste.) It looks like the template you’re using is completely devoid of the comments.

  10. I am having the problem of not being able to see the comments above OR below the comment form. How do I get them to show up? I’m using a customized template (www.primpandtell.com).

    THANKS!!

  11. many thanks for your effort
    I tried to embed the comment box several times and I failed, but when I tried your tips it worked with me

    thanks a lot

  12. how to make comment box like yours?
    (i mean like this) couse at my blog i have to clik before my comment show

  13. You make so many great points here that I read your article a couple of times. Your 

    views are in accordance with my own for the most part. This is great content for your 

    readers.