<--!リンク--> アメブロにヘッダーを設定するには・・(CSS編集用デザイン)|あんなこと、そんなこと、どうでもいいこと・・・

あんなこと、そんなこと、どうでもいいこと・・・

;気まぐれに書いてます^^
あんなこと、そんなこと、どうでもいいこと・・・ TOP  >  未分類 >  アメブロにヘッダーを設定するには・・(CSS編集用デザイン)

アメブロにヘッダーを設定するには・・(CSS編集用デザイン)

田中涼子 740x422jpeg



o『CSS編集用デザイン』の文字だけのヘッダーに、ヘッダー画像を表示する方法

・こちらのサイト様を参考にさせて頂きました。

【新】アメブロのヘッダー画像を設定する|アメブロカスタマイズで成功するブログを作ろう PopOut.gif

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

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

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


一旦ページの一番上まで戻って、ヘッダー画像に設定する『画像のURL』PopOut.gifをコピーします。(前もって、ヘッダー用の画像を用意しておく必要がありますね。)

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

ブログを確認してみて下さい。

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



スポンサーサイト
[ 2013年08月25日 19:42 ] カテゴリ:未分類 | TB(0) | CM(0)
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

プロフィール

awantan

Author:awantan
なんだか良く解りませんが、
ポチポチ頑張ります。;^^

メインは、こちらの方です。

ワンタンのアメブロ

検索フォーム
ブロとも申請フォーム
QRコード
QR