2011年01月20日

【第39回】タイトル画像を変更する

ブログのタイトル画像はブログの顔でもあります。

このタイトル画像は、やっぱり自分の好きな画像にしたいですよね。

ということで今回は、ブログのタイトル画像を変更してみましょう!
現在使用しているSeesaaブログのテンプレートこねこ(左サイドバー)のタイトル画像を変更する方法を解説していきます。

なお、ここでの変更後の画像は、同じくSeesaaブログの猫と金魚(左サイドバー)テンプレートのタイトル画像にしてみます。

これです。

SD_039_header.jpg

第22回で解説した通り、Seesaaブログのタイトル領域を定義しているのは#bannerです。
今回は、この中のプロパティを修正することになります。

★タイトル画像を変更する方法★

#bannerセレクタのプロパティbackground-imageの値を、用意した画像のURLに修正する。

ここでは、http://seesaa-blog-design.up.seesaa.net/image/SD_039_header.jpgという画像URLに修正してみます。
なお、画像の取得方法やアップロード方法は、第24回の記事をご覧下さい。

▼▼▼ 変更前 ▼▼▼
#banner{
background-image:url("http://blog.seesaa.jp/img/bg/cat_stamp2/header.jpg");
background-repeat:no-repeat;
background-position:bottom center;
padding:0px 220px 0px 40px;
margin-bottom:25px;
height:294px;
}
▼▼▼ 変更後 ▼▼▼
#banner{
background-image:url("http://seesaa-blog-design.up.seesaa.net/image/SD_039_header.jpg");
background-repeat:no-repeat;
background-position:bottom center;
padding:0px 220px 0px 40px;
margin-bottom:25px;
height:294px;
}

この変更により、ブログのタイトル画像がご覧のように変更されます。

▼▼▼ 変更前 ▼▼▼
SD_039_04.jpg

▼▼▼ 変更後 ▼▼▼
SD_039_05.jpg

以上のように、タイトル画像の変更は非常に簡単で、かつ、ブログの見た目に非常に大きなインパクトをもたらします。

是非お気に入りの画像で、ブログのタイトルを飾ってあげて下さい。

タイトル画像の変更方法は以上で完了です。

▼▼▼▼▼▼▼▼▼▼▼▼▼
参考になりましたら
クリック&応援をお願いします
にほんブログ村 ブログノウハウへ
▲▲▲▲▲▲▲▲▲▲▲▲▲

【PR】FXシステムトレードで着実に利益を重ねる長期資産運用方法o(^0^)o ほくほくFX
【PR】日々の運用成績やユーザーの情報満載のブログo(^0^)o ほくほくポートフォリオ

posted by o(^0^)o ほくほく at 18:33| Comment(0) | PCブログデザイン | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
×

この広告は180日以上新しい記事の投稿がないブログに表示されております。