トムのブログ -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