Remove The White Space Gap Below Blogger Comment Form

Posted : Monday, May 16, 2011 | Post Author : Paul Crowe | 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.

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

     

    Replies

     

  4. yeah mine too…

    Delete

  5.  

  6. 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

  7. 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

  8. 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

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

    ReplyDelete

  10. thank you very much for this trick 😉

    ReplyDelete

  11. Thank you very much!

    ReplyDelete

  12. thanks so much it helps me

    ReplyDelete

  13. waw, nice info. thanks for sharing

    ReplyDelete

  14. Euphoric DysphoriaApril 20, 2012 at 4:09 PM

    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

  15. Great post, thanks for sharing

    ReplyDelete

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

    ReplyDelete

  17. Job Referral NetworkJuly 31, 2013 at 7:54 AM

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

    ReplyDelete