では、実際に「オリジナル★テンプレートの作成 」で作成しながら、説明していきます。

てぃーだブログ：
「管理画面TOP」→「ブログの設定（テンプレート）」→「オリジナル★テンプレートの作成 」


上記赤枠の「オリジナル★テンプレートの作成 」をクリックすると、
下記の、てぃーだブログ「オリジナル★テンプレートの作成」画面が表示されます。



今回は、事前にヘッダー画像を用意し、ブルーをテーマカラーに作成したいと思います。
※「登録」ボタンを押すと上書きされます、上書き後は前の状態には戻せません。

■基本設定
　テンプレート名：オリジナルテンプレート
　テンプレートのタイプ：　2カラム(サイドバー右)

■ブログ全体の設定
基本の文字色・背景色を設定します。
　文字色：#6699ff
　背景色：#cccccc

■テーマカラーの設定
ブログタイトル、サイドタイトル、フッターのテーマカラーを設定します。
　文字色：#000000
　背景色：#6699ff

■ヘッダーの設定
ヘッダー（ブログ上部）の背景に画像を設定します。
　ヘッダー画像：bg_100x100.gif
参照ボタンを押し、背景に設定する画像を選択した後、アップロードボタンを押してください。

上記のこの部分で事前に準備したヘッダー画像（サイズ：横750px 縦200px ）を
アップロードして背景に設定するのですが、ここで使用する画像サイズしだいで、
どのようにヘッダー部分に画像が上手く表示できていなかを再現しながら説明します。


今回用意した画像は、上記の”ヘッダー画像（サイズ：横100px 縦100px ）”です。


■ブログタイトルの設定
ブログタイトルの文字揃えを設定します。
　文字の位置：左揃え

■ブログ説明文の設定
ブログ説明文の文字揃えを設定します。
　文字の位置：左揃え
　文字色：#000000

以上が、てぃーだブログ「オリジナル★テンプレートの作成」画面の入力内容です。

最後に、
[登録]ボタンを押すと確認画面が表示されますので「OK」をクリックすると登録されます。


では、実際にオリジナルテンプレートを、テスト表示用ブログ
『ブログをカスタマイズ！「ブログスタイル」』に適用しましたしたので、
確認してみましょう。以下がそのヘッダー部分の画像表示です。


規定値のヘッダー画像サイズは、（横750px 縦200px ）なのですが、
実際に設定したヘッダー画像サイズは、（横100px 縦100px ）なので・・・、

上記の実際の表示のように、
同じ画像が横にも縦にも、繰り返し表示されているのがわかりますね！

ということは、規定のサイズより、小さい場合は、このような表示になるので、
この「オリジナル★テンプレートの作成 」でブログを作成する場合は、
ここを気をつけて設定すれば上手く表示されるでしょう。(⌒-⌒)ﾆｺﾆｺ...

・・・長くなりましたので、今日は、ここまでにしたいと思います。

では、次回から、実際にスタイルシート（ソースコード）を交えながら、
説明していきますので、お楽しみに～♪(＝⌒▽⌒＝) ﾆｬﾊﾊﾊ♪


皆さんも、ブログカスタマイズに
チャレンジしてみては、いかがでしょうか！？ｐ(*^-^*)ｑ がんばっ♪