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.

Related Posts: