Saturday, May 30, 2009

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 :)

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.
at

14 comments:

  1. SudhaJune 6, 2009 at 12:44 AM

    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! :)

    ReplyDelete
  2. NaaniJune 8, 2009 at 11:13 PM

    :)

    ReplyDelete
  3. azarreJune 10, 2009 at 3:59 PM

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

    ReplyDelete
  4. Rahul JadhavJune 10, 2009 at 11:48 PM

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

    ReplyDelete
  5. MysJune 13, 2009 at 12:40 PM

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

    ReplyDelete
  6. sandeshJune 25, 2009 at 8:44 PM

    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...........

    ReplyDelete
  7. AnonymousJune 26, 2009 at 11:40 PM

    :))

    ReplyDelete
  8. AnonymousJuly 26, 2009 at 7:16 PM

    Pretty Good Information :D

    ReplyDelete
  9. AnonymousAugust 14, 2009 at 11:16 AM

    Thanks for this information

    ReplyDelete
  10. UnknownAugust 24, 2009 at 3:06 PM

    Hi, just checking if my Gravatar works :D

    ReplyDelete
  11. GregNovember 12, 2009 at 1:16 PM

    Hey,

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

    ReplyDelete
  12. JackieNovember 19, 2009 at 8:35 PM

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

    ReplyDelete
  13. aNovember 29, 2009 at 4:01 PM

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

    Look at mine:
    Hack Tutors

    Thanks You!!!

    ReplyDelete
  14. UnknownDecember 19, 2010 at 11:11 PM

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

    ReplyDelete

Please Don't Spam that's all. Grab our RSS Feed and we would Love to see you in our comments section more often.