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

スポンサーリンク

上記の広告は、30日以上更新がないブログに表示されています。
新たに記事を投稿することで、広告を消すことができます。  

Posted by だてBLOG運営事務局 at

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です。


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


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


  

Posted by だてBLOG編集長「だておとこ」 at 23:06Comments(13)ブログ活用テクニック

2007年04月30日

塩竈

ムショウに魚介が食べたくなり塩竈の市場へ。  

Posted by だてBLOG編集長「だておとこ」 at 18:22Comments(0)今日の出来ごと