アメブロのヘッダーをカスタム中／新・CSS編集用デザインでヘッダーを変更する方法

起業女子ITサポーターの香澄です。

アメブロカスタムを研究中。

ということでまずはヘッダーを作ってみました。
ヘッダー画像はiPadで準備。

できた～～
設置ーーー！！！

っと思ったら
？？？

サクサクっとできると思ったらちょっと手間取ったので
自分メモということで残しておきます。

私のアメブロのデザインは＜新＞「CSS編集用デザイン」を使っています。

デフォルトでは

/* (2-1) ヘッダー背景
——————————————–*/
/* ヘッダー背景 */
.skin-bgHeader {
background-color: #ffffff;
}

↓
以下のcssに書き換えます。
urlはアップロードした画像パスを挿入
ヘッダー画像の大きさによりheightとwidthのサイズは変更

/* ヘッダー背景 */
.skin-bgHeader {
background: url(アップロードした画像パスを挿入);
height: 450px;
width: 980px;
margin: auto;
}

と書き換える訳です。

そしてブログタイトルとブログ説明も消してしまいます。
以下のcssを追加します。

/* ブログタイトル消去 */
.skin-blogMainTitle {
display:none;
}
/* ブログ説明文消去 */
.skin-blogSubTitle {
display:none;
}
/*

実は今、楽しみな企画が進行中！！！
早くお知らせした～～い！！