Thursday, May 13, 2010

AU2010 - Resizing of Embedded Inline Comment Form

Nowadays, almost all new Blogger templates come with embedded inline comment forms. Although I agree that its a convenient feature, unfortunately, some of them had a bug in it. Without realising it, I was also one of the victims. I am sure some of you blogger out there do encounter the same problem as I did. Basically, when a reader tries to post a comment, he or she will be required to verify through Captcha. Due to the bug, there are no way the reader could type in the Captcha code since the form and the Post Comment button are not visible. 

 

 

If the reader managed to figure it out by using the Tab button or select the words and then drag it downwards, then yes, he or she will see the form and Post Comment button. Otherwise, I am sure the reader will get a headache on how to post a comment.

 

Many thanks to Ervin who found the bug in my comment form. I have fixed it and you should now be seeing the form and Post Comment button if you try to post a comment.

 

 

So, for those of you who wants to know how to get rid of the bug, just follow the simple steps below:

  1. Sign in to your Blogger account.
  2. Go to Layout, then Edit HTML.
  3. Check the Expand Widget Templates box.
  4. Now, using the Find tool (Ctrl + F), search for the following code.

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

  5. Change the height from 250 to something greater or equal to 410.
  6. Save your template.
  7. Sign out from Blogger and try to post a comment on your blog as a visitor. The problem should be fixed.

 

Good luck!!

1 comment:

Ervin Ter said...

Nice guide on this.

Post a Comment

Related Posts with Thumbnails