アメーバブログの記事部分の横幅を広げる方法。次回は画像設置編です。

ＣＳＳの編集と言うものをされたことがございますか？

「ブログを書く」⇒「デザインの変更」⇒「スキンCSSの編集」で
ＣＳＳを編集します。

ルリさんの現在のスキンでは「スキンCSSの編集」を
することができませんので、
「デザインの変更」⇒「スキンの選択」⇒「スタンダード」⇒「ベーシック」を選ぶ
必要があります。※「ベーシック」以外でも変更できるものはございます。

その後、「スキンCSSの編集」でプログラムのような文章が
づらづら～っと書かれているので、そこの一番の下に
私の紹介しましたプログラムのようなものを書き足します。（コピペＯＫ）

そこから数値の調整をしてみてください。

----以下、コピペするＣＳＳ----

#frame,#wrap,#header{/*全体の横幅-ベーシックスキン対応*/
width:980px;/*記事を広げる場合は820+α*/
}

#sub_a,#sub_b{/*これはサイドバー左右両方に対応と言う意味*/
width:160px;/*サイドバーの幅を決める*/
padding-left:10px;/*左の余白ここは削除でもＯＫ*/
padding-right:10px;/*右の余白ここは削除でもＯＫ*/
}

#main{
width:590px;/*中央の幅を決める*/
}

----ここまで、コピペするＣＳＳ----


これの数字を調整しながらプレビュー（表示を確認する）で見てみてください。

画像編は次回書きます。


●ヘッダーやＣＳＳの編集などのカスタマイズにご興味ある方はコチラ♪
http://ameblo.jp/originwidget/theme-10019256802.html


●私が作ったアメーバブログのヘッダーを一覧にしてみました！
http://ameblo.jp/originwidget/entry-10444186830.html