Blogger's Word Verification form gets Cut Off

The Bug


When 'Comment Form Placement' is set to 'Embedded below post' the Word Verification portion of the comment submission form gets cut off and left partially undisplayed, making it difficult for users to leave comments.

This seems to be a problem in some of the default templates provided by Blogger (including the 'Rounders' templates) where the height of the area containing the comment form has been rigidly set, in my own case to 275px. This is enough to encapsulate the comment submission area, but not enough to accomodate the 'Word Verification' form. (aka: The Captcha.)

Workaround


Warning: You may wish to backup your current template before attempting these changes.

Click the Layout tab in your Blogger dashboard, then click the 'Edit HTML' option. Under the 'Edit Template' section click the 'Expand Widget Templates' checkbox. Press CTRL+F to open your browser's 'Find' dialogue and enter the text below:

blogger-comment-from-post


Hit Enter and your browser should locate and highlight the first instance of that text on the page. If all is well you should be looking at this block of text:

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='275px' id='comment-editor' name='comment-editor' scrolling='no' src='' width='100%'/>


The problem is in the "height='275px'" portion. 275 pixels is not enough space. I recommend you change the height value to 420px. This should be just enough space for the comment field and the Word Verification form to expand into. Once you've set the height value, click the "Save Template" button and you're done.

0 comments:

Post a Comment