スクロールバー/無料ブログ作成マニュアル

◆スクロールバー

スクロールバーとは、ページの全てがウィンドウ内に収まらない時に画面の右側（下にも）出てくる、画面をスクロールさせる為の棒です。
Yahoo!やgoogleなどでお馴染みの水色のバーは、色を変更する事が出来ます。
当サイトは赤に変わってますね。

◆スクロールバーの色変更

スタイルシートをスクロールしていくと、こんな表示があるテンプレートがあります。

scrollbar-base-color:#ffffff;
scrollbar-track-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-shadow-color:#87A3E2;
scrollbar-darkshadow-color:#ffffff;
scrollbar-highlight-color:#87A3E2;
scrollbar-3dlight-color:#ffffff;
scrollbar-arrow-color:#87A3E2;

これがスクロールバーの色を決めている表記です。
赤で表記している部分が色を表しています。
各名称の意味は下の通りです。

base	基本色（全体の色あい）
track	スクロールバーの表示された、背景部分
face	スクロールバー本体の色
shadow	スクロールバーの影（右と下）の内側
dark-shadow	スクロールバーの影（右と下）の外側
highlight	スクロールバーのハイライト（左と上）の内側
3d-light	スクロールバーのハイライト（左と上）の外側
arrow	バーの上下にある三角の矢印の色

全部表記しなければならないという事ではないので、色々組み合わせて自分なりのスクロールバーを作ってみましょう。

■そんなの無いぞという方
スクロールバーの色を変えていないテンプレートは結構あります。
そういう場合はスタイルシートの編集部分に

html{
　　　　scrollbar-base-color:#ffffff;
　　　　scrollbar-track-color:#ffffff;
　　　　scrollbar-face-color:#ffffff;
　　　　scrollbar-shadow-color:#87A3E2;
　　　　scrollbar-darkshadow-color:#ffffff;
　　　　scrollbar-highlight-color:#87A3E2;
　　　　scrollbar-3dlight-color:#ffffff;
　　　　scrollbar-arrow-color:#87A3E2;
}

と書き加えてみてください。
※他の○○{ ～ } の間に表記しない様に。
プレビューで確認してみてスクロールバーが変わっていれば完了です。
まあどうでもいい話なんですが、

はHTMLからブログに来た組なので、最初スクロールバーの設定がうまく出来ませんでした。
というのも、HTMLではこれは<STYLE TYPE="text/css">というもので表記して、body{　という書き始めで始まります。
ところがスタイルシート編集で　body{　で設定すると反映されないんですね。
表記は　html{　か、　*{　で始まるみたいです。
ブログでは　body{　では使えませんので、HTMLからブログに来た人は気を付けてください。