How to Increase Comment box width Blogger Tweak

Not Long ago Blogger Introduced the Embedded comment form and it was set to default 300px – 320px so Here is a tiny trick to entend the width of your comment box to make it look more neat.

Now as we always do login into your Blogger Dashboard

Dashboard > Layout > Edit HTML and check the “Expand Widget Templates” option.

Now as a precautionary measure please download your template so that you have an emergency backup if in case you create any errors icon smile How to Increase Comment box width Blogger Tweak

Now search for

<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>

Now here you can see here width='100%' so you have to change this value to something which will set properly as per your choice but please note that you have to keep the width few px lesser than your main warpper #main-wrapper. Its pretty easy so play on with the values and set it however you wish the width to be.













Related Posts

Blogger Toolbox: Fresh, Free and Stunning Blogger Templates

40+ New and Fresh Blogger Templates

BloggerPower- A Super Flexible Blogger Template

Glassical: A Free Blogger Template ~ SmashingMagazine

Mindblowing Premium-Like Free Blogger Templates

Blogging Faceoff: Blogger vs. WordPress

HOW TO: Official Facebook Share Counters for Blogs

Create Mobile Version of Blog: 12 Free Alternatives

jQuery Powered Text / Font Resize Widget

HOW TO: Elegant CSS Message Boxes for Blogs

14 Comments

  1. Sudha

    06.06.2009

    Reply

    Wow nice blogger tweak cheth!! and you have explained it in a neat and easy step by step method so that even persons like me who have no idea of blogger hacks and tweaks also able to understand these tweaks easily and use it in our blogs! Thanx for sharing! :)

  2. Naani

    06.08.2009

    Reply

    :)

  3. azarre

    06.10.2009

    Reply

    good tutz… i try it on my blog and work… thank you …

  4. Rahul Jadhav

    06.10.2009

    Reply

    Nice idea. Btw I prefer to use Intense Debate comment form as it provides hell lot of features

  5. Mys

    06.13.2009

    Reply

    hi cheth. do you know how to change the look of the commentbox? background? etc.

  6. sandesh

    06.25.2009

    Reply

    Hi cheth nice post.please tell me how to remove those small orange color comment image in blogger ( comes before commentors name ).
    please help me.email me if you can. sandesh.sethi@gmail.com.please
    please………..

  7. Anonymous

    06.26.2009

    Reply

    :) )

  8. Anonymous

    07.26.2009

    Reply

    Pretty Good Information :D

  9. UZUMAKI THE PAIN

    08.14.2009

    Reply

    Thanks for this information

  10. David

    08.24.2009

    Reply

    Hi, just checking if my Gravatar works :D

  11. Greg

    11.12.2009

    Reply

    Hey,

    Do you know how to actually add those nice gravatar looking icons next to your comments? Could you please tell me? Thx!

  12. Jackie

    11.19.2009

    Reply

    Hi. The percentage value does not work for IE8. Is there a code I can use to adjust the width for IE? Thanks.

  13. Anup

    11.29.2009

    Reply

    We have to remove % from the width other wise it does not works.

    Look at mine:
    Hack Tutors

    Thanks You!!!

  14. Rashtra

    12.19.2010

    Reply

    This really good info here interesting, thank you very much.

Leave a Reply









Recent Tweets

Follow Me On Twitter →

Email Updates

Get all our latest posts delivered right to your mailbox.