May 21, 2011

Remove the White Space Gap Below Comment Form in Blogger

While you are managing your blog, you might have special attention on your blog's look and feel. Arranging page elements, widgets and customizing template are common design practices in many bloggers to impress their blog visitors. You may have seen an empty white space below Blogger comment form. Mostly it doesn't matter if you are selected not to display backlinks for your posts. If you have enabled backlinks in your blog, it might be troublesome on the aspect of appearance of your blog by occurring much white space gap below comment form. The reason for this gap is the height of your comment form area and you can alter this on your Blogger template. Wanna know how?

Before You Go:

This workaround is only applicable for standard Blogger comment form. If you are using Google+ comments or other 3rd party comment system, the same workaround won't work.


1. Go to Blogger Dashboard.

2. Click on your Blog Title.

3. Navigate to Template from left pane.

Note: Before editing your template, you may want to save a copy of it. Read How to Back Up Your Template.

4. Click on Edit HTML button.

5. Find the below code in your template.

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

Note: You will find 2 results for your search in different places in your template. Select the second search result and apply next steps.

6. Find the immediate line next to the code you have found in above step.

<iframe allowtransparency='true' 

7. In iframe tag you can find the attribute height. Use lower value for height attribute to reduce the height of comment form - i.e: height='250'

8. After changing height value, save your template and preview your blog. If the height feels uncomfortable, try another value for height attribute.

Enjoy :-)

Awesome! Thanks for coming by and taking your time to read this post :) I hope you have learnt something today. Now you can share it with your friends and I'd love to hear from you too.

Related Posts and Categories

Category, , , , ,


* If you got any questions not related to this post, please ask it at our Support section.

* Make sure your comment is genuine and comply with our commenting guidelines.

* Review your email and reply notification settings to receive replies via email.

* Experiencing problems when commenting? Please report them at our Support section.

brudin said...

thanks for the tutor but I don't know why it doesn't work on my blog btw wht's wrong I have done the tutor, thanks

Mayura said...

Hi Brudin,

Did you made exact changes as instructed in the tutorial? I mean did you made changes on correct line of code? Please refer step 7 exclusively and let me know if it still not working for you :)


brudin said...

yes, I have made exact changes in several of my blogs and the other blog the tutor has successfully worked check here, but in and in my other blog with the same template can't work, when I made change in attribute height value it doesn't work but when I changed value of the width it work very well. Btw is there problems with my template? because it is an old blogger template (dark minima).

Mayura said...

Hi Brudin,

Actually I don't see a large white space below comment form. But I think you are referring to the one beneath "Link to This Post" element. Isn't it? If so, please drop your issue at our Support section mate :) I'll support you to figure this out from there.