背景に画像を貼付てカスタマイズをしましたが、その追記です。

　　　　　　　１番下の層　:　全体の背景　body{｝

　　　　　２番目の層　:　冒頭タイトル＋サイド部分＋投稿記事部分の下地層　#container{　}

　　　　　　　３番目の層　:　冒頭タイトル部分下地層　#banner,#subbanner{　}

　　　　　３番目の層　:　サイドのカテゴリーやカレンダー部分の下地層　#links{　}

　　　　　３番目の層　:　投稿記事の部分の下地層　　#content{　}

　　　　　４番目の層　:　サイドのカテゴリーやカレンダーの枠部分　.side{　}

　　　　　　　４番目の層　:　投稿記事の部分の枠部分　.blogbody{　}

　　　　　　　　　　　こんな感じで４層構成のようです。後ろはその箇所の記述。

　　　　　　　　　　　それらの層にそれぞれ色が設定されています。だいたい白色（#ffffff）ですね。

ブログ改造の最初は、人のブログを参考 に改造しました。

ではどうやって人のブログの改造点を見るかといいますと

普段使用しているブラウザ(IE７とか)にはソースを表示する機能があります。

ブラウザの上のツールバーに ファイル 編集 表示 ･････ ヘルプ などのバーがあります。

その中の 表示 の中の ソ－ス をクリックすると表示中のブログのソースが閲覧出来ます。

見た感じは、テンプレート・カスタマイズのトップページや個別記事の記述方法と同じですね。

実際にはトップページや個別記事の記載以外にブログ環境での設定などが加味されて

ブログのソースとして見ることが出来ます。

では、カスタマイズでのスタイルシートの部分はどうやって見るかと言いますと

＜link rel="stylesheet" href="http:////img02.eshizuoka.jp/usr/naosuke/style.css" type="text/css" /＞

ソースの５行目あたりに上のような記述箇所があります。

URLの //img02.eshizuoka.jp/usr/naosuke/style.css　のこの部分だけを

ブラウザで見るとスタイルシートの記述がわかります。

背景は白のままか薄い色のタイプが多いですね。

濃い色の背景も中にはありますけど。

単色のままじゃなく画像で背景にカスタマイズしてみます。

選択する画像は淡い色の方がブログを引き立てるかな。

テンプレートのカスタマイズよりスタイルシートの１５行前後のあたりに

以下のような body{ の記述があります。

その backgrand のところをカスタマイズするわけです。

     body{
                color                                                   :#000;
                margin                                                 :0px;
                background:#e0e4ff url(//img02.eshizuoka.jp/usr/naosuke/khsakura-b.gif);
                text-align:center;
     }

調子こいてシリーズ化？

俺流ブログ改造としてカスタマイズ方法を説明してみました。

ちょっと他の人とは違うブログのカスタマイズにお役立て下さい。

             　　　　　　　　　　　６．ブログ冒頭画像カスタマイズ

             　　　　　　　　　　　７． ファビコンのカスタマイズ　　　手抜きファビコンの変更

             　　　　　　　　　　　８．投稿記事タイトル両横に画像

             　　　　　　　　　　　９．tableによる背景画像のある投稿記述

　　　　　　　　　　　　　　　　 10．地図の貼り付け

　　　　　　　　　　　　　　　　 11．背景画像ランダム表示

　　　　　　　　　　　　　　　　 12．ちょっと面白いオンマウス

　　　　　　　　　　　　　　　　 13．

　　　　　　　　　　　　　　　　　　　　　　ブログソースの見方 （人のブログの参照方法）

画像やテキストをスクロールさせるタグ文が marquee （マーキー）です。

＜marquee＞ フンドシライダー ＜/marquee＞ って記述すると

フンドシライダー

　　　　　　　　構文内を画像のデータに変えれば

　

　　　＜marquee＞＜img src="//img02.eshizuoka.jp/usr/naosuke/welcome.png" alt=""＞＜/marquee＞

　　　　　　　　以下のような画像がスクロールします。


　　　　　　　　　　　　behavior="alternate" 　文に置き換えると左右に。

　　　　　　　　　　　　＜marquee behavior="alternate"＞フンドシライダー＜/marquee＞

フンドシライダー

　　　　　　　　スクロールのスピードアップは　scrolldelay="300" 　規程値=85

　＜marquee scrolldelay="300"＞フンドシライダー　scrolldelay="300"　＜/marquee＞

フンドシライダー　scrolldelay="300"　
フンドシライダーscrolldelay="150"
フンドシライダーscrolldelay="60"

                                      スピードはもっと早くすることも出来ますけど・・・。

　　　　　　　　　　　　　　　　　　　　命令を組み合わせれば、こんな動きも

　　　　　　　marquee は投稿記事にもブログのテンプレートでも色んな箇所で目を引かせることが

　　　　　　　　出来ると思います。このブログでもあちこち marquee が使われてます。

　　　　　　　　HTMLタグの勉強として、こんなサイトも役立つかも。

　　　　　　　　　　　　http://masaboo.cside.com/new_html1/ht_14.htm

　　　　　　(注意）

　　　　　　ブログの投稿ではダグの構文が見えるように、＜＞ は全角文字で書いてあります。

　　　　　　実際に使用する場合は、その部分の ＜＞ は <> 半角文字となりますのでヨロシク。

　　　差替変更する場所は ＜%BlogTitle%＞ の部分。

　　　　 ＜%BlogTitle%＞ この表記はブログ環境設定のブログのタイトルの言葉を

　　　表示するようになってます。

　　　予め作った title.bike.gif　タイトルの画像をアップロードしておきます。

　　　　 ＜%BlogTitle%＞ の部分を

　　　<img src="//img02.eshizuoka.jp/usr/naosuke/title.bike.gif"　 width="600" alt="">

　　　上記のように書き換えました。 当然ご自分のアドレス、画像のファイル名で書き換えて下さい。

　　　width="600" の部分の数値を変えることで画像の大きさを調節することが出来ます。

　　　画像と入れ替えたことで、構文中の文字の大きさを指定する

　　　 ＜h1 class="blogtitle"＞＜/h1＞　文は無効ですが

　　　特に消さずにそのまま残してあります。また戻した時に使うために・・・。

　　　個別記事・アーカイブに於いても同様に書き換えます。

　　　段落等の違いがあるかと思いますが、差し替える ＜%BlogTitle%＞ の部分は同じです。

　　　トップページと個別記事のタイトルを変えても面白いかもしれませんね。

　　　ブログの説明文の箇所も画像に変更したければ

　　　 ＜%BlogDescription%＞ の部分を同様に画像と差し替えればＯＫです。

　　　画像の表示位置を変更移動したい場合は

　　

　　　　　表示領域の数値を変更することで画像位置が変わります。

　　　　　　　　　blogtitle と description とあります。

　　　　　　　　　　blogtitle はブログタイトルで、description はブログ説明文の設定です。

　　　　　　個々のタグについて説明します。

　　font-size　　　　　　　　 :20px;
　　　　フォントのサイズですので、数値が大きければ拡大サイズになります。

　　font-weight　　　　　　　:bold;
　　　　文字の太さです。 normal （普通）  bold （太字）  100-900 （また100単位で数値で表示する場合もあります。）

　　padding　　　　　　　　　:10px 20px 0px 5px;
 　　　 表示領域の指定となります。     [上][右][下][左]

　　　　数値を変えてみてどう表示位置が変わるか試して見て下さい。

　　text-align　　　　　　　　:left;
　　　　文字の行揃えの位置　 left  左寄せ　　right  右寄せ　　center  中央揃え

　　letter-spacing　　　　　:2px;

ちょっとお試しですが、カスタマイズの仕方をこんな風に書いてみました。

需要があるかどうか？興味のある方は、ちょっと挑戦してみて下さい。