The CAPTCHA, IFrames, And Embedded Comments

There's an odd problem, with embedded comments, and CAPTCHA verification.

The problem of post template corruption affects all commenters (owners, members, and readers alike) of a blog with Embedded comments. Besides that, there's an odd problem, which affects some blogs with inline comments, which use CAPTCHA (word puzzle) verification. This may be either the (optional) CAPTCHA which verifies authenticated readers, or the (non optional) CAPTCHA which verifies non authenticated readers.

This problem will affect just the readers - 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 problem is not difficult 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 is to make 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.

---

Problems With Posting Comments To Blogs, With Embedded Comments Form Used
http://blogging.nitecruzr.net/2009/10/problems-with-posting-comments-to-blogs_07.html

Problems With Posting Comments To Blogs, With Embedded Comments Form Used
The CAPTCHA, IFrames, And Embedded Comments