Remove The White Space Gap Below Blogger Comment Form




| 16 comments

remove gap space below blogger commentsA question i was asked this week was 'I notice a big empty gap below the comment form on my blog.There is a big space between the comment form and the older posts, home and newer posts links, is there a way to remove it ?'.The problem is in the size given to the iframe for the comment form and you can indeed remove the space by making the iframe smaller.We simply find the code for the comment form iframe and make a quick change, couldn't be easier.

How To Remove The Space Below Blogger Comment Form


Step 1. In your Blogger dashboard click > Design > Edit Html > Tick The Expand Widget Templates Box.

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - More Info)

<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>

If you cant find this just look for iframe.

Step 3. The line of code you found with be followed by a section like this :

<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='' style='display: none' width='100%'/>
<b:else/>
<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%'/>

The height i have highlighted sets the height of the iframe, as you can see it was 410 in the test blog i used for this post it could be different in your blog.Whatever the size in your blog we simply make it smaller (it will be there twice as above), i have found changing it to 260 does the trick but you can play around with it until your happy.

That's it, so simple and I'm sure many of you will also have been looking for the way to remove the space.

Drop Your Comments And Questions Below.


Join over 5000 Subscribers! Please sign up to receive Updates.

SUYB has its Focus on Quality. If we post Crap, you can unsubscribe.

No Spam and No Garbage! - Use RSS, Twitter & Facebook as an Alternative


If You Enjoyed This Post Please Take 5 Seconds To Share It.

16 comments:

  1. Thanks! Now people can see google ads if they are writing a comment in my blog, Thanks again! =D

    ReplyDelete
  2. your awesome man thanks for such a nice tip i alos wondering how to remove that stuff and you can see my site
    http://smahkin.blogspot.com/

    ReplyDelete
  3. even thouh i changes the height from 410 to 175 still the same space is present what to do

    ReplyDelete
  4. Thanks. This post is very helpful. Managed to remove the spaces. I thought that the height given was just for the form. Your post explained it well. Thanks again.

    ReplyDelete
  5. i have added read more/continue reading widget on my blog, but on my homepage there is a big space between my two posts, kindly tell me what to do, you can check it here

    www.thebloggingtutorial.blogspot.com

    ReplyDelete
  6. and one more thing i forgot to mention, comment box is not visible on my post page, i don't have a blogger default template, i have tried alot to change, please check and help me

    www.thebloggingtutorial.blogspot.com

    ReplyDelete
  7. @ wasif Ali - You need to get help in the Blogger Help Forum - http://www.google.com/support/forum/p/blogger?hl=en

    ReplyDelete
  8. thank you very much for this trick ;)

    ReplyDelete
  9. Hi,
    My Blog has a white space above the comment box.Please tell me a way to remove it.Here is the URL http://toolsandhacks.blogspot.com/
    Thank you.

    ReplyDelete
  10. Great post, thanks for sharing

    ReplyDelete
  11. Hi Can you tell me how to remove the adsense code under my comment box

    ReplyDelete
  12. Thanks for sharing your professional and realistic article with me. Once again thanks a lot!!

    ReplyDelete



Important - If you ask a question make sure you tick the "Notify Me" box below the comment form to be notified of follow up comments and replies.


Hire Us