ヘッダー画像の設置 | エルのブログ

エルのブログ

ブログの説明を入力します。

今回は
まずヘッダー画像を変更していきましょう。

アメーバ一覧からデザインの変更をクリック
エルのブログ-1




カスタム可能をクリック
$エルのブログ-2




css編集要デザインをクリック
エルのブログ-3


こういったコードが書かれているページに行きます。
エルのブログ-4


下の方にコードを足すだけですので
コード自体をいじることはありません。

一番下の方に行ってもらえると
(4)その他、拡張

その他拡張があれば記述  という部分がありますので、
その下にコードを張り付けていきます。

エルのブログ-5

以下のコードを張り付けてください

/* ヘッダー画像変更CSS */
.skinHeaderArea{
height:200px;
background-image:url();
background-repeat:no-repeat;
background-position:center top;
}

画像の灰色で隠している部分にヘッダーのURLを入力していきます。

ほしいヘッダー画像はgoogleで
「ヘッダー 素材」 などで検索してもらえると沢山出てくるかとおもいます。

お好みの素材の画像をダウンロードしてください。

コードのあったページの一番上に
アップロード用のボタンがありますので
ファイルを選択からアップロードしてください。
エルのブログ-6



灰色の隠している部分にヘッダーのURLがあります。
それをコピーして、さっきヘッダーのURLを入力するといった部分に
張り付けてください。

ヘッダーの高さは僕の場合200pxなので
height 200px としていますが、
ご自身のヘッダー画像の大きさを確認して変えてください。


$エルのブログ-dokusya


$エルのブログ-mein