How to remove extra space below the comment in Blogger?

Blogger users often get stuck with this problem, a large white space below the comment section.

How to get rid of this so that your blog looks much better? Here are few ways to remove the extra space at the bottom of blogger blog.

Login to Blogger account. Go to dashboard and click Design tab. Click on 'Edit Html' tab. Expand Widget Templates by clicking on the box given there. 

Press Ctrl and F buttons on your computer to search for the code shown below in your blog's Html

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

You will find  the  iframe code below this code at two places. Go to the second iFrame code and there you will find the height attribute mentioned as '410'. This is the default height set by Blogger. Edit this number to any small figure that you want. Save the template and see what difference does it make in your blog at the bottom.  In most cases, you will see the bottom space is reduced. If not, you can try the next method shown below.

Click Design link shown at the top and then click on 'Settings'. Click on 'Customize' tab and that will open Blogger Template Designer. Click "Advanced" link and scroll down to the bottom to find "Add CSS".

Click on "Add CSS". A new screen will pop where you can add your CSS. Add the following CSS code inside.  

.footer-outer {display:none;} 

Click on "Apply to Blog" tab and "Back to blogger" link. Now you can go and view your blog. You will find the bottom space is now reduced to the minimum level possible for your blog template.