ヘッダー画像用の画像をアメブロにアップロードしてヘッダーに設定する方法 | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

Unplugged - no computer, no internet, possible? - 無料写真検索fotoq
photo by photosteve101




以前、CSS(スタイルシート)に貼り付ける、ヘッダ用コードをご紹介しましたが、今回、それも重ねてご紹介したいと思います。

※CSS編集可能デザインを採用されている方向けです。

・マイページ→ブログを書く→デザインの変更(サイドバー)→【CSSの編集】をクリックします。
で、CSS(スタイルシート)の末尾に以下の文字列(コード)を記入します。


/* アメブロヘッダー画像設定用CSS貼り付けコード */
.skinHeaderArea{
height:300px;
background-image:url(画像のURL);
background-repeat:no-repeat;
background-position:center top;
}


一旦ページの一番上まで戻って、「参照」⇒ご自身のPCから画像を選んで⇒「アップロード」します。

すると、アップロードされた画像の下に画像のURLが表示されます。それををコピーします。
(※前もって、画像を用意しておく必要がありますね。)

『CSS編集用デザイン』で使用するヘッダー画像用の画像をアメブロにアップロードする手順

そして、CSSの下端に戻って赤字の画像のURLの箇所をコピーしたものと置き換えます。
そして保存をクリックします。

ブログを確認してみて、表示が変わらないという場合は、F5キー(Windowsの場合)を押すなどして、ページを更新してみてください。


参考になると、うれしいのですが・・(;^_^A

2013/01/06:修正しました。





$やさしいアメブロカスタマイズ!と女性タレント画像-小島瑠璃子