テンプレを カスタマイズ！【ブログタイトル編】

ってえらそうなことは　書けないけど　QRコードの配置がうまくいかないので　一旦　素のテンプレに戻すことに。

なんだか素のテンプレって　服を着てないみたいで恥ずかしいな。徐々に変更していくので　よろしく。

テンプレをカスタマイズする方法。

gooブログでは　いろんなテンプレがあるんだけど　自分でいろいろ変更したほうが楽しいので　カスタマイズ用のテンプレをチョイス。

テンプレート一覧 - goo ブログ

カスタムブルー

これは解説付きなので　初心者には　嬉しいの。カスタムブルーのCSS設計図

ってなわけで　　一旦、素に戻すね。

---

cssの編集画面を開いて
１．タイトル部上　背景色変更。白から黒に。

* ブログのタイトル部上 *
.headerLight {
background-image: url();
background-repeat: ;
background-position: ;
background-color: #000000;

色の変更は　こちらのカラーチャート表で。→　CSSスタイルシートの使いかた - goo ブログ

２．ブログタイトル部などの区切り線も背景色を黒に変更。

* ブログタイトル部等の区切り線 *
.rule {
background-color: #000000;

３．タイトル部下　画像URLを入れる。（素材やさんで借りる。）
画像を横にリピートしたかったらｘを。縦にリピートしたかったらｙを。
画像の高さが大きい場合、heightで入力。

* ブログのタイトル部下 *
.headerDark {
background-image: url(/user_image/○○○○○○○.gif);
background-repeat: repeat-x;
background-position: ;
background-color: #000000;
height:30px;

４．ブログのタイトル文字を変更。フォントサイズの数字を若干小さく。（自分の好みで。）

* ブログのタイトル *
.bTitle {
color: #ffffff;
font-size: 24px;
font-weight: bold;


ブログタイトル分が　こんな風に。



私は　ラインを入れたけど　一つの画像を右端に入れても　壁紙を借りてバックに入れても。それは自由にどうぞ。

---

ちょっと追記。
ブログタイトルの文字、概要、エントリータイトル、エントリー本文など　文字色を変更しました。

---

海外ドラマが好き♪ テンプレを　カスタマイズ！【左右メニュー編】

海外ドラマが好き♪ テンプレをカスタマイズ！【スクロールバー編】