シンプルブログデザイン

ブログのデザインはCSS（スタイルシート）で決められています
CSSを変更することで簡単にデザインを変更できます

「シンプルブログデザイン」の３カラムのテンプレートの
横幅変更方法をご説明します
↓

まず
FC2ブログ管理画面の「環境設定」の「テンプレートの設定」へ
↓
変更するテンプレートのHTMLCSS「編集」へ
↓
一番下の「（テンプレート名）のスタイルシート編集」のCSSを変更します

（注）
もしもの時に備えてCSSを「すべて選択」→「コピー」→「メモ帳に貼り付け」
→「CSS変更前」とか名前をつけてデスクトップなどに保存しておきましょう

↓
変更作業再開しましょう
以下の例を参考にお好みの大きさに変更してみてください

例）
左サイド部分を　50px大きく
中心部分を　150px大きく
右サイド部分を　100px大きく
する場合

以下の①～⑤の部分をそれぞれ変更します
__________________________________________________________________________________________________
①

/* 外枠 */

#container{
width: 756px;　←ココを 1056 に変更 (756+50+150+100=1056)
margin: 0 auto;
border: gray 1px solid;
}


__________________________________________________________________________________________________
②

/* ブログ中心部 */


#blogcontainer{
}

#wrapper{
width: 554px; ←ココを 1056 に変更 (554+50+150=754)
float:left;
}

__________________________________________________________________________________________________
③

/* 左サイドバー（プラグインカテゴリー１） */

#left{
float: left;
width: 185px; ←ココを 235 に変更 (185+50=235)
margin-left: 5px;
}

__________________________________________________________________________________________________
④

/* 右サイドバー （プラグインカテゴリー２）*/

#right{
float: right;
width: 185px;　←ココを 285 に変更 (185+100=285)
margin-right: 5px;
}

__________________________________________________________________________________________________
⑤

/* 本文部分 */

#blog{
float:right;
width: 350px;　←ココを 500 に変更 (350+150=500)
overflow:hidden;
}

__________________________________________________________________________________________________

以上の例にしたがって数値を変更してみてください
どうでしょう？うまくできましたでしょうか？

数値は正確に代入してくださいね
ここが正確でないとテンプレートレイアウトが崩れる原因になります

うまくいかなかった場合は
先ほど保存しておいた「CSS変更前」を使って再挑戦してみてください



２カラムテンプレートの横幅変更は３箇所のみ

①の外枠
③または④のサイド部分
⑤の本文部分

です

ﾎﾟﾁｯと応援おねがいしまーす｀･ω･´)σ