Increase width of blogger comment bar

Default Blogger comment bar is smaller than width of post area. This disturbs the layout and looks unprofessional. You can easily change it through two ways, suitable with your template. Follow some simple steps to increase the width of comment bar similar to the width of post area-

• Log in Blogger Dashboard.
• Enter in Template » Edit HTML » Check to 'Expand Widget Template'.
• Now search out the given code (Tip: Use Ctrl+ F  to search fast by using browser search bar.)

]]></b:skin>

Now just above ]]></b:skin>  add the given codes.

 .comment-form{ min-width: 100% !important; }

Normally this should work with any template. If this method does not work, follow another way. Search out the given codes in your template.

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

Now replace it with the given codes-

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

Now carefully change 590px with similar value of post area. Save template and done.

About Arvind Jangid

Arvind Jangid is the founder and editor of Mast Tips and Mast Blog Tips. He Shares the solutions on 'How To Series' & dedicated to share his blogging tips. Follow Him on Facebook or Twitter . See More About Him.

Liked My Post ?

Subscribe to our RSS Feed and We will let you know when we have new posts!
Or get the latest posts via Email
Thanks!

If You Found Something Useful, Then Kindly share This Now: