だてBLOGオフィシャルブログ

2007年04月30日

テンプレートの画像を変えてみよう!


気がついたらGWに突入していましたね。。。
外もだいぶ暖かくなり、皆さん写真を撮る機会もだいぶ多くなってきていると思います。。。


そこで久々の「ブログ活用テクニック」は、
ユーザーさんからの質問でも多いテンプレート画像の変え方について説明したいと思います。。。
自分だけのオリジナルテンプレートでさらにブログを楽しみましょう!


では早速↓


私は以前このテンプレートを使用していましたので、
こちらを例にやってみましょう。




(1) まずヘッダー画像を用意します。
   サイズは(740px)×(200px)位がいいでしょう。
   容量もできるだけ小さいやつのほうがいいみたいです。(~100KB)


(2) それを自分のブログにある画像投稿用のページでサーバーにアップします。
   管理画面から、「記事の投稿」 → 「画像・動画の登録、一覧、削除」を開いて、
   「参照」から(1)の画像をアップロードします。※記事で画像をアップするのと同じ要領です。

これで準備はOK。
アップロードした画像をクリックすると画像が表示され、
ブラウザーに表示されているアドレスがその画像のURL(アドレス)になります。

(3) 続いてスタイルシートの記述を変更します。
   管理画面から「デザイン」 → 「オリジナルデザインの登録」を開いて下さい。
   そこには4つの枠に色々なものが書かれていますが、その中の一番上にある
   「スタイルシート」という所の記述を変更します。 

   スタイルシートの中で下記記述を見つけてください。

#banner,#subbanner{
 background:#fff url(/_img/sky_blue/head.jpg) left;
 padding:0px 0px 0px 0px;
 height: 219px;
}


後はアップロードした画像のURLを、
赤文字のURLのところに入れ替えるだけ。
高さ等の調整で数値を入力したらOKです。



元のテンプレートによって若干記述が違う場合もありますが、
基本は「banner,#subbanner」ですのでそこのURLを変更するとOKOKです。


いかがですか?
ちょっとわかりにくいところもあるかもしれませんが、
やってみると意外に簡単です。


基本はこんな感じなので是非チャレンジしてみてください。。。
新しい月に新しいテンプレートで気分新たに頑張りましょう!




【だてBLOGの最新記事】

【だておとこの最新記事】

同じカテゴリー(ブログ活用テクニック)の記事画像
ブログの背景色を変えてみよう
テンプレートタイトルの位置を移動してみよう!
ブログタイトルのカラーを変えてみよう
サイトマップ表示
更新記事情報を付けてみよう!
迷惑トラックバックについて
同じカテゴリー(ブログ活用テクニック)の記事
 ブログの背景色を変えてみよう (2007-08-24 21:23)
 テンプレートタイトルの位置を移動してみよう! (2007-06-29 21:15)
 ブログタイトルのカラーを変えてみよう (2007-06-21 17:15)
 サイトマップ表示 (2007-03-15 10:34)
 携帯でトラックバック (2007-02-27 19:14)
 更新記事情報を付けてみよう! (2007-02-27 12:52)

Posted by だてBLOG編集長「だておとこ」 at 23:06│Comments(13)ブログ活用テクニック
この記事へのコメント
さっそくやってみましたぁ♪
どうでしょうか?(^o^)
Posted by nabe at 2007年05月01日 00:45
>nabeさん
素晴らしい!
次回はテンプレートの字の色を
変える方法を説明しますね。。。
Posted by 「だてBLOG」スタッフ だて男 at 2007年05月01日 07:59
ありがとうございます!!
とっても知りたかった情報だったので。
みんなが飲みたくなるビール三昧の画像にしてみました(笑)
Posted by ビール屋の店長 at 2007年05月01日 12:09
ありがとうございまーす(^o^)
だて男さんの説明は分かりやすくて助かります
シリーズ化していろいろ教えてください♪

ビール屋の店長さんとこのも見ました!
良い感じでしたね~ヽ(^0^)ノ
ビール飲みたくなっちゃう
Posted by nabe at 2007年05月01日 15:31
>ビール屋の店長さん
いい画像です!
飲みたくなりました!
結婚式お疲れ様でした。。。

>nabeさん
恐れ入ります。。。
ガッテンお任せください。
nabeさんのテンプレートも
すごく綺麗ですね!
Posted by 「だてBLOG」スタッフ だて男 at 2007年05月01日 17:38
私もチャレンジしてみたいですッ だて男さんの解説読んだら
自分でできる気がしてきましたよ♪ありがとうございますッ
みんなのオリジナル・テンプレートが楽しみでーす(^u^)/
Posted by うなこ at 2007年05月01日 19:52
もう少し定禅寺の新緑が濃くなってきたら
是非試してみたいです。
テンプレートが変わるだけで気分がいいですよね。
Posted by aiai at 2007年05月02日 12:25
がんばって!みます♪  あはは♪

判らない時は? 甘えても、、、   いい?

      あはは♪
Posted by プリーズ☆加川 at 2007年05月02日 13:12
ナガブロ(ながのブログ)におえかき同好会が新設され、
先程ペイントソフトが使えるようになったところ。
この記事を見たら、急にやってみたくなったぁ~!!
と、コーチングスクールの方をやってみました☆
格闘の末、こんな感じ。→ http://can.naganoblog.jp/
なんか絶対ムリだと思っていたから、嬉しい♪
ありがとうございます!!
Posted by もりたまい@ナガブロ at 2007年05月03日 00:45
>うなこさん
気分で変えるというのも良いかもしれませんね♪

>aiaiさん
これからの定禅寺通は本当に綺麗ですからね。
楽しみにしています(^^)

>プリーズ☆加川さん
いくらでも甘えて下さい!
プリーズ☆加川さんの写真はいつもインパクトがあるので
楽しみです!

>もりたまいさん
こんにちは!
ナガブログランドオープンおめでとうございますー!
デザインもスゴく素敵で注目しています(^_^)
次回会うときはこちら仙台ですね。。。
それまでお互い頑張りましょー!
Posted by 「だてBLOGスタッフ」だて男 at 2007年05月03日 15:39
すっごくわかりやすいです!!!

天才ですね!!!!!!!!!  本当に感謝w
Posted by LEN at 2008年01月29日 23:40
検索エンジンから、偶然昔の記事を見つけちゃいました。

解りやすかったですよ!
Posted by Oh!紙…!!!Oh!紙…!!! at 2008年09月21日 08:09
◆oh!紙…!さん
検索からですか!
それはそれは。。。
お役に立てたのであれば
嬉しい限りです。。。
Posted by 「だてBLOGスタッフ」 だておとこ at 2008年09月24日 19:35
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。

削除
テンプレートの画像を変えてみよう!
    コメント(13)