カスタマイズ２（スタイルシートの作成＆背景を変える）

スタイルシートは、ページの中に直接書くこともできますが、style.cssなどの別ファイルを作ってそれを呼び出すこともできます。
普通、ホームページのページ数がたくさんあるときに、全部同じデザインにしたいなと思っても１ページ１ページ、タグを打たなきゃいけないじゃないですか。
まあ、コーディングソフトが一個あればコピペコピペでもいいんですけど。
スタイルシートファイルを1枚作って、あとは各ページにそれを呼び出すタグを1行入れておけば、すべてのファイルを同じスタイルにできちゃうんですね。
こっちの方がちょっぴりスマートですね。
ココログがどれも同じデザインなのは、このスタイルシートを使っているからなんです。

私のココログのソースを見ると、
<link rel="stylesheet" href="http://shinobu.cocolog-nifty.com/apty/styles.css"
type="text/css" />
なんて書いてあるとこがありますが、コイツが私のココログのスタイルを決めていたわけです。

ってことはだ、コイツを別なものに変えてあげれば、あとはもう好きなようにデザインできちゃうってことです。
たとえば。
テキストエディタ（メモ帳でもワードパッドでも）を開いて、こんな風に書いてみます。

body {
background-color: blue;
}

これを適当な名前に保存したあと、「名前の変更」でスタイルシートファイル形式（.css）に変えちゃう。
たとえば「mystyle.css」とか（「変更しちゃっていいの？」とか聞かれるけど気にしない）。
このファイルをココログの「アップロード」であげちゃいます。

このとき、スタイルシート用のフォルダを一個作っておくと、後々面倒ないと思います。
私の場合は「css」というフォルダにアップしたので
http://shinobu.cocolog-nifty.com/apty/css/mystyle.css
てな感じになります。

あとは、「サブタイトル」に
<link href="http://shinobu.cocolog-nifty.com/apty/css/mystyle.css"
rel="stylesheet" type="text/css">
と書いて「変更を保存」ボタンを押すだけ。
自分のココログの背景色が青になりましたね。

一色じゃつまんないから、なんか画像を使いたいなあって場合は、同じフォルダ内に好きな画像をアップしたら（名前はbg.gifにしてみました）
mystyle.cssの内容を

body {
background-image: url(bg.gif);
}

と書き換えて再度アップすれば、ほら、ちょっぴりにぎやかになりましたねっ。
あとはもうこの要領でタイトルだのテキストスタイルだのをガンガン変更できちゃうわけです。