サイド指定(左右のバー？サイドボディ？)の色を変更したいのですが、どこをどう変えた良いのでしょうか？どなたか教えてください。

ブログの投稿画面で、上のメニューから「カスタマイズ/管理」を選び、左側「デザインの設定」を選びます。一番右下、「カスタマイズ」を選びます。表示されているのがスタイルシートになります。

「side」というのを探してみてください。sideの名の付くものが、サイドバー関連のものです。例えば、タイトル部分だけのものが変えたいなら「sidetitlebody」になります。

修正前)

.side{
font-size:x-small;
text-align:left;
margin:0 0 15px 0;
line-height:125%;
padding:5px;
border:solid #c5e4ff;
border-width:0 1px 1px;
background:#fff;
}

修正後)

.side{
font-size:x-small;
text-align:left;
margin:0 0 15px 0;
line-height:125%;
padding:5px;
border:solid #c00;
border-width:0 1px 1px;
background:#ccc;
}

終わったら「この内容で保存する」を選んで保存します。
仕上げは再構築です。左上、「ブログに設定を反映(再構築)」を選び、下の方に「再構築する部分を指定」があるので、「全てのページ」を選んで「ブログを再構築する」というボタンを押せば完了です。

なお、色については、「html カラーコード」などで検索すると出てくるので好みの色を探してみてください。「#000000」のような#と6桁の数字の組み合わせになります。検索結果の上位に出てくるページが見やすくておすすめです。

文字の色を変えたいときの例も示します。赤色に変わります。

修正前)
.side{
font-size:x-small;
text-align:left;
margin:0 0 15px 0;
line-height:125%;
padding:5px;
border:solid #c5e4ff;
border-width:0 1px 1px;
background:#fff;
}

修正後)
.side{
color:#cc0000;
font-size:x-small;
text-align:left;
margin:0 0 15px 0;
line-height:125%;
padding:5px;
border:solid #c5e4ff;
border-width:0 1px 1px;
background:#fff;
}


あさ☆ぴんさんの回答も参考になります。

# 1つ目の回答で背景色のことだと勘違いしていました・・・。