How to change the Height and Width of Blogger Comment Box

Blogger Comment Box

A comment box is a great way to collect feedback from your readers and it provides you with an easy to understand reports for the posts that you write on your blog.

And it not only gives you an opportunity to collect feedback from your readers but also increases your word count for your post.

So, in order to encourage your readers to comment on your post, you should probably have a comment box that is stylish, appealing and attracts your readers to comment.

But the comment box that Blogger has by default does not have enough space to comment (though we can drag and make its comment content bigger). So,

Blogger Comment Box

How to customize Blogger comment box?

You can change the height and width of your default Blogger comment box without adding any extra CSS or any script on to your Blogger HTML settings. Just follow this few simple steps.

Step 1. As usual Login to your Blogger and click on Theme/Template and select Edit HTML.

Blogger Comment Box

Step 2. Pressing Ctrl + F search the below script.

<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>

Step 3. Now, you just have to make few changes as per your preference or in order to increase or decrease the height and width of your comment box.

For example:

If you want to change or increase the height attribute value of your comment box. Then, you just need to simply replace the height (‘410’) value with any higher or lower value. Or,

If you want to change the width then you need to simply increase or decrease the width value and simply replace width='100%’ with width='500px' and if you need more width simply change '500px' - '600px' or any value as you require.

And finally, click on Save in order to save your settings.

With this few simple steps, you can change your Blogger comment box.

Blogger Comment Box

No comments