今回は、コメントエリアの横幅を100px拡大する方法を紹介します。

「オリジナル★テンプレートの作成 」の初期設定では、コメント入力欄の横幅が200pxになっているので、100px拡大したいと思います。

【画像イメージ】：改造前

【スタイルシート】：改造前

/* コメント入力テーブル */
table.form {
width: 280px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}

/* 本文 */
#text{
width: 200px;
}

/* メールアドレス */
#email{
width: 200px;
}

/* 名前 */
#author{
width: 200px;
}

/* URL */
#url{
width: 200px;
}

【画像イメージ】：改造後

【スタイルシート】：改造後

/* コメント入力テーブル */
table.form {
width: 380px;
margin-top: 10px;
margin-right: auto;
margin-bottom: 10px;
margin-left: auto;
}

/* 本文 */
#text{
width: 300px;
}

/* メールアドレス */
#email{
width: 300px;
}

/* 名前 */
#author{
width: 300px;
}

/* URL */
#url{
width: 300px;
}

上記の赤字が変更及び、追加（改造）部分です。「width」 を「100px」増やしました。
数値を変えることで、横幅の調整が可能です。

実際にオリジナルテンプレートを、テスト表示用ブログ
『ブログをカスタマイズ！「ブログスタイル」』に適用しました。

コメント入力欄の横幅が広くなったことにより、入力しやすくなりました。

皆さんも、チャレンジしてみては、いかがでしょうか！？ｐ(*^-^*)ｑ がんばっ♪

このソースコードの使用に関しては、限られたテスト環境での動作確認などは行なっていますが、すべての環境に対応したものではありませんので、恐れ入りますが、使用に関しては自己責任でお願い致します。