全体の幅を広げた時のヘッダー設置方法【アメーバブログカスタマイズ】

ブログの全体幅を広げてしまうと、元々アメブロの横幅は７４０pxなのでそれ以上表示されなくなります。

確か限界は８００pxまでです。

それ以上は下記の画像のように縮小されてしまいます。

これは通常のヘッダーの設置方法とは違った方法でアップしなければなりません。

では、全体像を広げた場合のヘッダーはどのように設定すればいいのか？

詳しく解説していきます。

まず、

/*----------------------------------------------------- ameblo CSS Skin Layout Settings Skin for: basic_ad FileName: type_b.css $Revision: 1.1 $ -----------------------------------------------------*/ /*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ /*■■■■■■■■■■■ カラムタイプ ■■■■■■■■■■*/ #main { float: left; width: 580px; margin:0; padding:0; } #sub_a{ float: right; z-index: 1; width:200px; margin:0; padding: 0; } #sub_b{ display: none; }

という部分がありますので そこを探してください。

この部分の下のスペースに下記タグの部分の画像（青）の部分に画像のＵＲＬを挿入して貼り付けてください。

あと赤の数字の部分が縦幅なので画像の縦幅を調べて数値を入力します。

それでヘッダーの横幅・縦幅がピッタリ合うと思います。

#header { background-image: url(画像１); } #header { height: 252px; }

できない！わからないという方のために動画でマネするだけでできるバージョンも用意しております。

>>動画版はコチラからご覧ください。（アメンバー登録が必要です。）

これで変更できると思います。