ヘッダー挿入方法【アメブロの『CSS編集用デザイン』1】
※『簡単カスタマイズ』のブログのタイトルと説明文を削除したい場合も同様に以下の手順で作業してください。こちらは●横に長い画像を配置したい(つまり画像のサイズを変える)●画像の左右の色と同色になるようにアメブロのヘッダー箇所の背景色を変更したい場合にご利用ください。1.『ブログ管理』→『デザインの設定』を選択2.一番上にある、『適用中のデザイン』で、テンプレート名を確認。3.特定のテンプレートを選択している場合には、下にスクロールし、『カスタム可能』を選択4.ここらへんを選んでください。5.お好みのカラムスタイルを選択し、『適用する』を選択。
6.『CSSの編集をする』をクリック7.『ファイルを選択』をクリック。今回アップロードする画像をあげる。8.さて、とうとうCSS編集に入ります♪一番下までスクロール。
矢印の箇所から新たにCSSを記載します。9.以下をコピーしてください。
/* ヘッダー画像を設定する */
.skin-bgHeader {
background: no-repeat scroll center top;
background-image: url(画像のURL);
background-color:#fff;
}
/* ヘッダーの横幅を設定する */
.skin-bgHeader [data-uranus-layout="headerInner"] {
width: 100%;
}
/* ヘッダーの高さを設定する */
.skin-bgHeader [amb-layout="headerInner"]>a,
.skin-bgHeader [data
0