イェールのブログ -6ページ目

イェールのブログ

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

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

アメーバ一覧からデザインの変更をクリック

イェールのブログ-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