comment

Remove The White Space Gap Below Blogger Comment Form

blogger-space-below-comment-form

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

Remove The White Space Gap Below Blogger Comment Form
Informative
73
Useful
63
Easy To Read
85
Fact
81
Reader Rating0 Votes
0
76