Categorized | Tutorial

Tags |

How to Embed a Comment Box in Blogger

Posted on 29 June 2008 by Flisha

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.

Related posts:

  1. Food Network Comment Trolling …
  2. Dream High Korean Drama
  3. Albums
  4. LOL at this comment –> Poi…
  5. Author
  6. Blogger Comment Preview Cuts Off Word Verification Box
  7. Label Feeds in Blogger
  8. Blogger on Twitter
  9. How to Use a GoDaddy Domain with Blogger
  10. How to Place Star Ratings in Blogger
Tags: ,
  • Kim

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

  • Flisha

    Hi Kim, glad to be of help :)

  • Martin Miller-Yianni

    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!

  • Ana

    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!

  • Arielle

    Thank you!

    for being one of the Top 25 EC Droppers in my blog!

  • Flisha

    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. :)

  • Flisha

    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>

  • Flisha

    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! :)

  • Jer979

    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

  • Jer979

    forget it, i reverted widgets back and it seems to have fixed it. Thanks

  • Anonymous

    hi

  • Mahesh Sindbandge

    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

  • Flisha

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

  • Missy

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

  • Excel Matic

    Flisha,

    In my case neither yours nor Amanda's code worked. I am using templates from Ourblogtemplates.com.

    Please help!!

    Excel Matic (http://excelmatic.blogspot.com)

  • Anonymous

    eh..

  • حسن محمد

    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

  • anomalitest.blogspot.com

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

  • http://yahoo.com chad

    why i cant post a comment on my offline html account

  • Nelikzonline

    ghghg

  • http://twitter.com/freesite4u Peter Mesu

    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.

Advertise Here

We’re On Facebook

Sponsored By

Sponsored By

Subscribers

A Member Of

Personal - Top Blogs Philippines

Empowered By