テンプレート【画像ウィンドウ02】 ＋ 背景画像【テクノロジー-01-4】

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

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

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

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


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

　基本デザインとして全3種類が用意されているテンプレート「画像ウィンドウ」の中から、今回使用したのは「02」です。背景画像は「テクノロジー 01-4」を使用しました。何か重要な図面などをモニターに映し出して見ているようでもあり、SF的なイメージを演出しています。

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

• テンプレート名 = 画像ウィンドウ
• テンプレート番号 = 02
• 背景画像 = テクノロジー 01-4
• 01 = サムネールの1列目
• 4 = サムネール左から4番目

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

• テンプレート ＞ 【画像ウィンドウ 02】
• 背景 ＞ 背景画像 ＞ テクノロジー 01-4
• 幅を調整 : ブログ全体970px、右側のサイドバー310px
• レイアウト ： ブログ参照
• 上級者向け ： 指定した内容のみ記載、下記参照。

◆上級者向け指定内容

• ページのテキスト ： フォント Arial 15px、テキストの色 #424242、
• 背景 ： 外側の背景 #363636、ヘッダーの背景 transparent、投稿の背景 #ffffff、
• リンク ： リンクの色 #3540a0、表示済みの色 #6973cd、カーソルを合わせた時の色 #375cff、
• ブログのタイトル ： フォント Verdana、42px、テキストの色 #ffffff、
• ブログの説明 ： 
• タブのテキスト ： フォント Arial 14px、テキストの色 #ffffff、選択済みの色 #3540a0、
• タブの背景 ： 背景色 transparent、選択済みの色 transparent、区切りの色 transparent、
• 投稿タイトル ： タイトルのフォント Arial、B、18px、
• 日付ヘッダー ： テキストの色 #424242、
• 投稿 ： フッターのテキストの色 #9b9b9b、枠線の色 #dedede、
• ガジェット ： タイトルのフォント Arial、B、100％、タイトルの色 #8a8a8a、
• フッター ： テキストの色 #cdcdcd、ガジェットのタイトルの色 #ababab、
• フッターのリンク ： リンクの色 #9bacee、表示済みの色 #797dee、カーソルを合わせた時の色 #375cff、
• CSSを追加 ： 

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

　→ 背景画像「テクノロジー」について！

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

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

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