全体幅やメイン記事・サイドバーの幅を広げる方法【アメーバブログカスタマイズ】

通常アメーバブログの横幅は一律７６０pxという長さで固定されています。

これを広げてもっと見やすくしたいという場合には横幅を広くしなければなりません。

今日はこの横幅を広くする方法に関してお話していきたいと思います。

横幅を広くするためには、まずあなたのブログが

右側の２カラムか？
左側の２カラムか？
両方の３カラムか？

が重要になります。

基本的に２カラムの場合は、メインの記事の部分とサイドの部分でわければいいですが、
３カラムの場合は「メイン・右カラム・左カラム」の幅を考えなければなりません。

全体の横幅を１０００pxにする場合

＜２カラムの場合＞
　メインの記事＝700ｐｘ
　サイドバー　＝250px

＜３カラムの場合＞
　メインの記事＝600px
　右カラム＝180px
　左カラム＝180px

というように決めなければいけません。
（30pxから50pxくらいは空きスペースを作っておいたほうがいいです。）

これを理解した上で下記のタグをご覧ください。

意味がわからなくてもいいです。

/*　横幅拡大　760px →　900px　*/
#frame,

#wrap{/*全体の横幅-ベーシックスキン対応*/
width:900px;/*Ａ記事を広げる場合は820+α*/
}
#main{
width:630px;/*Ｂ記事を広げる場合は400+α*/
padding-left:20px;/*Ｃ*/
}
#sub_a{
width:228px;/*Ｄ*/
padding-left:10px;/*Ｅ*/
padding-right:10px;/*Ｆ*/
}
#sub_b{
width:228px;/*Ｇ*/
padding-left:10px;/*Ｈ*/
padding-right:10px;/*Ｉ*/
}