Wednesday, October 07, 2009

Problems With Posting Comments To Blogs, With Embedded Comments Form Used

Besides the well known problem of post template corruption, which affects all commenters (owners, members, and readers alike) of a blog with Inline ("Embedded below post") comments, there's an odd problem, which affects some blogs with inline comments, using CAPTCHA (word puzzle) verification.

This problem will affect just the guests - the owners and members will not be subject to CAPTCHA verification, and won't have this problem. This is in addition to the well known problem with CAPTCHA verification and third party cookies.

Occasionally, you may get a perplexed email from a blog reader
I can't comment on your blog - the CAPTCHA form isn't fully displayed!


This is easy enough to fix, though why this is happening is still a question.

First and always, backup the template.

Then, edit the template and select "Expand Widget Templates". Look in the template body, near the bottom of the post template.
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize
blogger-comment-from-post' frameborder='0' height='275' id='comment-editor'
name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>


There are two possible solutions to this problem.

The first simply makes the Comment form larger.

<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize
blogger-comment-from-post' frameborder='0' height='410' id='comment-editor'
name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>


Alternately, keep the form the same size, but have it scroll.

<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize
blogger-comment-from-post' frameborder='0' height="275" scrolling="auto"
id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>


Having made one change or the other, Save Template and test. Then, backup the template, again.

>> Top

5 comments:

arevamirpal::laprimavera said...

Thank you SOOO much. I was so frustrated with this problem ever since I switched to "verification" mode.

MP3 said...

Actually i can still can produce the error with IE 8 even with your fix.

Steps:-
1)open IE 8
2)open any pages with embedded comments
3)write comment and select anonymous
4)click post comment

Results:-
you can't see the captcha.

Problem resolve when you click preview but when you close IE 8 and open it again and start with the steps u cant see the captcha again.

Note: only happen on IE.

Chuck said...

i can still can produce the error with IE 8 even with your fix.

This problem, like so many others, is subject to compound causes. Some scope analysis here would be invaluable. Do you observe the problem.
1. For this blog, on this computer, only?
2. For this blog, on multiple computers?
3. For many blogs, on this computer?

If #2, look at the blog with the problem, maybe comment form size. If #3, look at the computer with the problem, maybe third party cookies.

MP3 said...

yeah you are right, this is due to third party cookies. I just set advance privacy setting in IE to tick override automatic cookie and it's working now. I don't know if other people know about this but this is so troublesome to my visitor as they just leave if they don't see the captcha. I just put a notice to ask them to click preview and so far i get more comments than before.

Thanks again.

OreAnnie said...

trying to leave comments on others' pages and cannot see the comment box. I have accepted 3rd party cookies, but don't know what the problem is, or how to fix this issue. It happens on ALL blogger sites I go to that has embedded comments. I use Firefox.