こんにちは！
私はネットショップを最近始めたのですが、
皆さんになかなか知ってもらうことができないので
アメブロに行きつきました（笑）
はじめからうまくいくとは思っていないので、
少しずつ読者が増えてくれると嬉しいなって思います
そこで、アメブロ初めての私は、
CSSの編集の時点でいろいろ悩まされています
ヘッダー部分を自分のオリジナルの画像に変更できたので
その方法を自分なりにまとめておこうと思います。
もし始めたばかりでわからないという共感者の方‼‼‼（笑）
少しでも参考になれば幸いです。
ある程度カスタマイズしつつ、ネットショップの
商品のほうも紹介していきたいと思います‼‼‼‼
ブログトップから、ネットショップに飛べますし、
インスタやFacebookも載せてあるので、
ぜひ見て気に入ったものがあれば買ってください！
おねがいします
それでは、編集のほうをしていきます。
ヘッダーに使いたい画像はあらかじめ用意しておいてください。
その際、ヘッダーの画像サイズは縦300pixel×横1120pixel
の物をおすすめします
CSS編集可能デザインを選んでいただかないと、
この説明のようにできないので気を付けてくださいね！
ブログのデザイン編集のCSSの編集から、
ファイルを選択し、アップロードを押します。
黄色くなっている部分のURLを使います。
CSSの一番下の部分に下記のようにコピペします。
囲ってある部分は自分のURLやサイズに変えてください。
――――――――――－－－－－－－－－－－－－－－－
（下のCSSを拡張の一番下に張り付けて、
赤い文字部分のURLなどを入力する↓↓）
.skin-bgHeader {
background: no-repeat scroll center;
background-color: #ｆｆｆｆｆｆ;
background-image: url(http://画像のURL);
}
/* ヘッダーの横幅を設定する */
width: 1120px;
}
/* ヘッダーの高さを設定する */
.skin-bgHeader [amb-layout="headerInner"]>a {
height: 300px;
}
－－－－－－－－－－－－－－－－
入力する部分を入力したら、
保存を押し、自分のページを見てみてくださいv(｡･ω･｡)ｨｪｨ♪
※反映されていない場合は、ページが最新の状態に更新されていないかもしれません。
最新の状態にするにはＦ5を押してページを更新してくださいね！
私は変わっていました☆ﾜ-(ﾉ｡･ω･)八(｡･ω･｡)八(･ω･｡)ﾉ-ｨ!!!
全体的に緑系にしたかったので、画像のサイド余白部分は
カラーコードの黄緑系を入力しました
とりあえず、淋しい状態から抜け出せた気がします（笑）
まだまだカスタマイズしていきます！
そして、私のネットショップの商品をいろいろな方に
認知していただけるようなブログにデザインしていきたいと思います。
ちなみに画像の服可愛くないですか？？？(*´ω｀*)
子供服も取り扱っています。ぜひ来てください★
↓↓
読者様も募集しています(´∀｀)
ランキングのほうもポチお願いします‼‼‼‼
にほんブログ村