Skip to main content

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

Comments

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.
Nitecruzr 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.
Kate Maxwell 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.
Anonymous said…
thanks, I was exposed by the syntax error 1083 then I use the second code suggested by you.
the results are immediately visible.
once again thank you '

Popular posts from this blog

Adding A Link To Your Blog Post

Occasionally, you see a very odd, cryptic complaint I just added a link in my blog, but the link vanished! No, it wasn't your imagination.

Embedded Comments And Main Page View

The option to display comments, embedded below the post, was made a blog option relatively recently. This was a long requested feature - and many bloggers added it to their blogs, as soon as the option was presented to us. Some blog owners like this feature so much, that they request it to be visible when the blog is opened, in main page view. I would like all comments, and the comment form, to be shown underneath the relevant post, automatically, for everyone to read without clicking on the number of comments link. And this is not how embedded comments work.

What's The URL Of My Blog?

We see the plea for help, periodically I need the URL of my blog, so I can give it to my friends. Help! Who's buried in Grant's Tomb, after all? No Chuck, be polite. OK, OK. The title of this blog is "The Real Blogger Status", and the title of this post is "What's The URL Of My Blog?".