テンプレート【画像ウィンドウ01】 ＋ 背景画像【透明 - 01-1】

テンプレート【画像ウィンドウ 01】と【透明 01-4】の背景画像を組み合わせてブログを公開しています。「透明」の背景画像は、全部で22種類が用意されています。背景画像を変更するだけでブログの印象が違ってきますので、新たに制作するブログに是非ご活用ください。

　Googleが提供している無料ブログシステムのBloggerを実際に使っていく場合に、ブログ全体のデザインについてどうしようかと悩むと思いますが、そのブログ全体のデザインを向上させるために、Bloggerでは多数のデザインフォーマットを用意していて、そのフォーマットのことをテンプレートといいます。

　現在のところ、全34種類のテンプレートが用意されていますので、ブログ制作者は、その中から自分のブログのイメージに合ったテンプレートを選び、使用することができます。背景のイメージ画像を変更することで、さらにバリエーションを増やせますので、そのデザイン的な効果は、ほぼ無限大と云えます。

　※記事を作成し、写真とともに投稿すると、このサンプル記事のような感じで掲載することが出来ます。写真のサイズや文字の大きさ、種類、色についても、自由に、変えられ、ます。


◆使用テンプレート【画像ウィンドウ 01】

　基本デザインとして全3種類が用意されているテンプレート「画像ウィンドウ」の中から、今回使用したのは「01」です。背景画像は「透明 01-1」を使用しました。

　全体的に明るい色調で70年代的なポップな感じに仕上がり、写真素材というよりも、グラフィック処理されたデザインイメージを作り出すことが出来ました。

◆テンプレート、背景画像の各呼名の意味

• テンプレート名 = 画像ウィンドウ
• テンプレート番号 = 01
• 背景画像 = 透明 01-1 → 背景画像「透明」について！
• 01 = サムネールの1列目
• 1 = サムネール左から1番目

◆テンプレート デザイナー指定内容まとめ

• テンプレート ＞ 【画像ウィンドウ 01】
• 背景 ＞ 背景画像 ＞ 透明 01-1
• 幅を調整 : ブログ全体700px、サイドバー無し
• レイアウト ： ブログ参照
• 上級者向け ： 指定した内容のみ記載、下記参照。

◆上級者向け指定内容

• ページのテキスト ： フォント Arial 14px、テキストの色 #333333、
• 背景 ： 外側の背景 #dddddd、ヘッダーの背景 #119966、投稿の背景 #9db9d8、
• リンク ： リンクの色 #119966、表示済みの色 #00774c、カーソルを合わせた時の色 #992211、
• ブログのタイトル ： フォント Arial 42px、テキストの色 #ffffff、
• ブログの説明 ：
• タブのテキスト ： フォント Arial 15px、テキストの色 #992211、選択済みの色 #000000、
• タブの背景 ： 背景色 #f5f5f5、選択済みの色 #ffffff、区切りの色 #cccccc、
• 投稿タイトル ： タイトルのフォント Arial、B、18px、
• 日付ヘッダー ： テキストの色 #333333、
• 投稿 ： フッターのテキストの色 #999999、枠線の色 #dddddd、
• ガジェット ： タイトルのフォント Arial、B、100％、タイトルの色 #666666、
• フッター ： テキストの色 #eeeeee、ガジェットのタイトルの色 #bbbbbb、
• フッターのリンク ： リンクの色 #ddeeff、表示済みの色 #99b2cc、カーソルを合わせた時の色 #19e599、
• CSSを追加 ：

◆使用画像についての解説は

　→ 背景画像「透明」について！

◆リクエスト方法については

　→ 使用テンプレート・リクエスト方法

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