Its always a good option to make your Blogger Layout more beautiful and attractive. "Comment Form" is an important section which unfortunately is always ignored when we design a template. By default, Blogger Comment form size is very small in width and have an extra space or gap that appears below the blogger comment form, this looks kind of ugly. Width of comment form should be maximized and that white space that appears below the comment form should also be removed or fix. Follow these instructions to do so;
How to Remove Space That Appears Below Comment Form
- Go to Your Blogger Account Dashboard > Design > Edit HTML
- Check "Expand Widget Templates" box
- Search This code (Hint: press CTRL+F keys from your keyboard and copy-paste this code)
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
- Just below searched code, you will get an iframe code which will look 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%'/>
<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%'/>
- Change the Highlighted height size from 410 to 260. Changing height to 260 will completely remove the white space that appears below the blogger comment form however you can play around with it until you are happy.
- Save Your Template, That's it !
No comments:
Post a Comment