まさのブログ -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