https://ameblo.jp/h-yanagihara/ 無料で作れるアメブロカスタムブログ ja

ブログ開設初期の状態では、ヘッダ画像は使用されていません。

今回は、インパクトのあるブログのヘッダ画像を使用する方法を解説します。


1．画像を用意する

高さ300px ×　幅980 px の画像を準備してください。

2．デザイン編集画面を開く

次にブログの管理画面から「デザインの変更」を選択してください。






次に「CSSの編集」を選択してください。

3．画像をアップする

先ほど作成した画像をアップロードしてください。

4．ＣＳＳのソースをコピペします。

/*ヘッダイメージの変更*/
.skinHeaderArea{
background-image: url(/*先ほどアップした画像のＵＲＬ*/);
background-repeat: no-repeat;
background-position: center top;
width: 980px;
height: 300px;
margin-bottom:20px;/*画像の下に20pxに20pxの余白*/
}
/*終わり*/






5．完了です( *´艸｀)

どうですか？簡単でしょ？

また次回お楽しみください☆

]]> https://ameblo.jp/h-yanagihara/entry-11531728203.html Thu, 16 May 2013 19:25:19 +0900 テスト記事です。
テスト記事です。

]]> https://ameblo.jp/h-yanagihara/entry-11531659384.html Thu, 16 May 2013 17:19:23 +0900