天然酵母パン■げんらく■ケーキの販売・ランチもどうぞ♪静岡浜松磐田掛川

↓Hamazo（はまぞう）オリジナルテンプレートのまま での表示
シンプルブラウン (3カラム)です



↓幅をカスタマイズしたオリジナルテンプレート



どちらも同じ画面表示サイズですが　↑幅の違いが分かりますね(^-^)

ではどうやったらこうなるのか、　詳しく行ってみましょう！！


まずは「管理画面」→「テンプレート」→「カスタマイズ」




「カスタマイズ」のページの中の　「スタイルシート」をいじります♪



以下　「スタイルシート」の中身　イジル部分を　具体的に書きますね



－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
ブログ全体の幅です
container{
font-size:12px;
width:740px;
background-color:#ffffff;
margin:0px auto;
text-align:left;
}



－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
ブログの記事の部分の下地
content{
width:390px;
float:right;
background-color:#ffffff;
padding:20px 5px 20px 5px;
}



－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
ブログの記事の部分そのもの の下地
.blog{
width:390px;
margin:0px 0px 0px 0px;
}



－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
ブログの記事そのもの の部分
.main{
width:372px;
color:#000;
font-size:12px;
padding:15px 0px 15px 0px;
overflow:auto;
line-height:135%;
}



余談ですがここのブログの設定は
文字サイズ　font-size:12px;→　100%px;　に
字間サイズ　line-height:135%;→　160%;　に　変更してあります

－－－－－－－－－－以上－－－－－－－－－－－－－－－－－－－

これでブログの表示幅を変更することが出来ると思います。

最後にプレビューして思い通りになっていれば
「このテンプレートを使う」　で選択してくださ♪＞ｺﾚﾃﾞﾊﾞｯﾁﾘ♪


Hamazoブログは　テンプレートを３つまで選べるので
失敗しても、スグに元に戻せる様に
現在使用中のモノではなく　予備のテンプレートを利用し　まずは試して下さい。




今回のは　全体の表示幅と　記事の幅を変更しましたが　左右のリンク表示も幅を
変更する事が出来ます。

私はそのままで良いと感じたので、イジリませんでした＞ﾁｬﾝﾁｬﾝ♪

お役に立てましたか？？？