特に多いご質問
ブログデザインが急に崩れてしまった
デザインを変更したのに反映されない
新着記事

2013年05月27日

ブログのヘッダ画像を変更したい

ブログのヘッダ画像を変更するには、
シンプルタイプのテンプレートを適用しヘッダ画像のみ差替える方法が簡単です。



★手順
@シンプルタイプのテンプレートを追加します。
「マイブログ」−「デザイン」−「テンプレート」から
いずれかのシンプルタイプテンプレートを追加してください。
  ・シンプルホワイト (右/幅950px)
  ・シンプルチョコレート (右/幅960px)
  ・シンプルグリーン (右/幅960px)
  ・シンプルグレー (右/幅960px)

Aヘッダ画像を作成します。
お手持ちのフォトレタッチソフト等を使って、
幅960ピクセル、高さ200ピクセル程度の画像を作成します。(解像度は72px/inch)

Bヘッダ画像をアップロードします。
作成したヘッダ画像は
「マイブログ」−「記事投稿」−「ファイルマネージャ」からアップロードしておきます。
※画像名は半角英数文字でつけておいてください。
※アップロードは記事投稿画面内のファイル登録ではなく、
 必ずファイルマネージャから行ってください。

Cスタイルシートに記述します。
「マイブログ」−「デザイン」−「スタイルシート」から、
使用したいテンプレート名をクリックして、
スタイルシート編集画面を表示させます。
『#banner {』で始まるスタイルシート内の1行目に
background-image: url("http://〜〜〜(ブログURL)〜〜〜/image/△△△.jpg");
のように記述します。(△△△はアップロードした画像名を入れてください)

-----------------------------------------------------------
【追記】『シンプルグレー』を選んでいる場合は、
『#banner {』で始まるスタイルシート内の
background-image: url(http://a-thera.com/img/bg/177/header.gif); の記述を
background-image: url("http://〜〜〜(ブログURL)〜〜〜/image/△△△.jpg");
に上書きしてください。
-----------------------------------------------------------

Dスタイルシートを保存します。
『スタイルシートを変更する』をクリックします。
ヘッダ画像がブログに適用されるには少し時間がかかる場合があります。


  ※なお原則としてHTMLやCSSについての技術的サポートは行っておりません。
   お問い合わせを頂きましてもお答えできませんのでご了承下さい。
ニックネーム アセラ事務局 at 10:39| デザイン・カスタマイズ | このブログの読者になる | 更新情報をチェックする