Posted : Monday, May 16, 2011 | Post Author : Paul Crowe | 16 comments
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.
16 comments:
Thanks! Now people can see google ads if they are writing a comment in my blog, Thanks again! =D
ReplyDelete
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
even thouh i changes the height from 410 to 175 still the same space is present what to do
ReplyDelete
Replies
yeah mine too…
Delete
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
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
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
@ wasif Ali – You need to get help in the Blogger Help Forum – http://www.google.com/support/forum/p/blogger?hl=en
ReplyDelete
thank you very much for this trick 😉
ReplyDelete
Thank you very much!
ReplyDelete
thanks so much it helps me
ReplyDelete
waw, nice info. thanks for sharing
ReplyDelete
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
Great post, thanks for sharing
ReplyDelete
Hi Can you tell me how to remove the adsense code under my comment box
ReplyDelete
Thanks for sharing your professional and realistic article with me. Once again thanks a lot!!
ReplyDelete