First of all you must have enabled Blogger in Draft in your dashboard to be able to use this service. If you are using a basic Blogger 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.
June 29th, 2008 at 11:09 pm
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
June 30th, 2008 at 1:04 am
Hi Kim, glad to be of help
June 30th, 2008 at 6:21 am
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!
June 30th, 2008 at 7:18 am
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!
July 1st, 2008 at 8:31 am
Thank you!
for being one of the Top 25 EC Droppers in my blog!
July 1st, 2008 at 8:49 am
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. 
July 13th, 2008 at 12:45 pm
Thanks a lot Flisha, this tutorial helped me to fix the problem!
Also, i’m wondering about, is it possible changing comment form’s place? Maybe, it should be better placed at top of the comments instead of under the all comments…
July 13th, 2008 at 12:57 pm
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>
July 25th, 2008 at 9:57 am
Thanks again for guidance Flisha. Now i have one more question for you, i hope you won’t get angry because me
Due to my modified blog, my “Delete Comment” button doesn’t exist in the comment bubbles. How can i fix it? Which codes are for Delete thing…
July 25th, 2008 at 10:05 am
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!
July 31st, 2008 at 9:26 pm
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
July 31st, 2008 at 9:54 pm
forget it, i reverted widgets back and it seems to have fixed it. Thanks
November 27th, 2008 at 9:29 am
hi
January 2nd, 2009 at 4:04 am
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
January 2nd, 2009 at 6:26 am
@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.
February 23rd, 2009 at 12:20 pm
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!!
July 17th, 2009 at 9:29 am
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)
July 26th, 2009 at 11:00 pm
eh..
July 29th, 2009 at 5:45 pm
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
September 30th, 2009 at 3:41 pm
how to make comment box like yours?
(i mean like this) couse at my blog i have to clik before my comment show