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.


Steps:

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





Comments

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

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


brudin said...

thanks for the tutor but I don't know why it doesn't work on my blog http://snakelifes.blogspot.com/ btw wht's wrong I have done the tutor, thanks

Mayura De Silva 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 :)

Cheers...

brudin said...

yes, I have made exact changes in several of my blogs and the other blog the tutor has successfully worked check here http://myweddress.blogspot.com/, but in http://snakelifes.blogspot.com/ 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 De Silva 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.

Cheers...