ブログのコメント欄のサイズをマウスドラッグで自由に伸縮できるようにする方法を紹介します。以前にコメント欄を伸縮できるボタンを設置する方法を紹介しましたが,それよりも少ない設置面積で感覚的に操作できるメリットがあります。jQuery と呼ばれる JavaScript のライブラリを利用するので設置も比較的簡単です。
以下のサイトから二つの JavaScript ファイルをダウンロードします。
jQuery のホームページから"Download"をクリックします。

ダウンロードページから JavaScript ファイルをダウンロードします。

TextAreaResizer プラグインのページからアーカイブファイル(zip)をダウンロードします。

ダウンロードした jquery-1.2.6.min.js,zip アーカイブの中に含まれる jquery.textarearesizer.js と grippie.png をサーバにアップロードします。次に,以下のようにテキストエリアを設置し,JavaScript コードを書き加えます。
グリップ部分のデザインは div.grippie で定義されたスタイルを使用します。