ページTOPへ

seesaaブログのヘッダーに好きな画像を設定する方法

seesaaブログのヘッダーに好きな画像を設定する方法



当サイトからご購入の方に豪華特典付き!






seesaaブログのヘッダーに好きな画像を設定する方法

Seesaaブログ

 

 

ブログのヘッダー画像を設置することによって、インパクトが出るし、このブログでは、どんなことを書いているんだろう?と興味を持ってもらうことができます。つまり、ヘッダー画像を設置しているかどうかで訪問者の反応が全然違いますよね。

 

 

今回seesaaブログのヘッダーにお気に入りの画像を設定する方法について説明したいと思います。

 

 

ステップ1:ヘッダー画像を準備する

 

 

まず、ブログの全体の幅を調べておきます。

 

シーサーブログの管理画面から「デザイン」⇒「デザイン設定」⇒「自分の使っているテンプレート名」と進み、コードが沢山書いてありますが、「#container」という部分の「width」の数字がヘッダー画像の横幅で、「#banner」という部分の「height」の数字がヘッダー画像の縦幅です、これをメモしてください。

 

Seesaaブログ

 

 

次にヘッダー画像の用意します。ヘッダーの画像は先ほどメモした横幅と縦幅になるように「ペイント」等を使って編集しておきましょう。

 

 

最後に用意した画像をアップして画像のURLをコピーしておきます。

 

 

画像のURLが分からない方はこの記事を参考してください。
Seesaaブログの画像をアップロードとURL(アドレス)を調べる方法

 

 

ステップ2:ヘッダー画像を挿入する

 

 

シーサーブログの管理画面から「デザイン」⇒「デザイン設定」⇒「自分のテンプレート名」をクリック。沢山コードが書いてあると思うが「#banner」というタグを見つけてください。

 

background-image:urlというソースコードが無ければ、以下のように追記してください。

 

#banner{
background-image:url(???); /* 背景画像のURLを記述 */
}

 

下図のように、ご自身で用意したヘッダー画像のURLを( )中に書き換えてください。

 

Seesaaブログ

 

 

最後に保存ボタンをクリックしたら完成です。

 

 

お疲れ様でした。

 

 

関連ページ

Seesaaブログ【新システム】カスタマイズまとめ
Seesaaブログ【新システム】カスタマイズについて解説します。
Seesaaブログの作成方法
Seesaaブログの作成方法について説明します。
Seesaaブログの不要な広告を消す方法
Seesaaブログの不要な広告を消す方法
Seesaaブログのヘッダー画像の下にメニューバーを設置する方法
Seesaaブログのヘッダー画像の下にメニューバーを設置する方法を説明します。
Seesaaブログの画像をアップロードとURL(アドレス)を調べる方法
Seesaaブログの画像をアップロードとURL(アドレス)を調べる方法を説明します。
Seesaaブログのトップページに最近の記事リストを表示する方法
Seesaaブログのトップページに最近の記事リストを表示する方法について説明します。

初心者でも月10万円

カテゴリー


ホーム 初心者のための講座 お小遣いサイト攻略法 お役立ち情報 初心者のための教材