【ウォーターマーク】を基本に、背景画像を変更することで、どのような変化が起きるのかを検証しています。

　Blogger のウォーターマークを使用してブログを制作する場合に参考になることを願い、このブログで公開した当時のプリントスクリーン画像を掲載しています。

　その時に指定した内容も下記にまとめていますので、イメージに合った背景画像と組み合せて制作する、新たなブログのイメージ・サンプルの一つとして、少しでもお役に立てれば幸いです。



◆Blogger テーマ（テンプレート）デザイナー指定内容

• テンプレート ＞ 【ウォーターマーク 02】
• 背景 ＞ 背景画像 ＞ 自然 03-2
• 幅を調整 : ブログ全体1000px、右サイドバー330px
• レイアウト ： ブログ参照

◆上級者向け指定内容

• ページのテキスト ： フォント Arial 14px、テキストの色 #484848、
• 背景 ： 外側の背景 #5a9ec2、フッターの背景 #0c343d、
• リンク ： リンクの色 #258bc2、表示済みの色 #25a78a、カーソルを合わせた時の色 #0b5394、
• ブログのタイトル ： フォント Arial、B、67px、タイトルの色 #65a798、
• ブログの説明 ： 説明の色 #5997a0、
• タブのテキスト ： フォント Arial、B、11px、テキストの色 #5a9ec2、選択済みの色 #000000、
• タブの背景 ： 背景色 transparent、区切りの色 #c53820、
• 日付ヘッダー ： フォント Arial、B、13px、テキストの色 #5997a0、
• 投稿 ： タイトルのフォント Arial、B、20px、背景色 transparent、枠線の色 #9cbfcd、
• 投稿のフッター ： テキストの色 #5997a0、
• ガジェット ： タイトルのフォント Arial、13px、タイトルの色 #000000、代替色 #7c7c7c、
• フッター ： テキストの色 #9cbfcd、ガジェットのタイトルの色 #bde0ee、
• フッターのリンク ： リンクの色 #5affe3、表示済みの色 #25a78a、カーソルを合わせた時の色 #76cfff、
• CSSを追加 ：

◆背景画像についての解説をまとめています。

　→ 背景画像について！

◆背景画像に関するブログへの入り口！

　→ Blogger Template Images

　最後までご覧頂き感謝いたします。