使用しているこのテンプレートは、「ウォーターマーク01」背景画像は、「テクスチャ 02-5」です。このように各テンプレートに対して用意された背景画像の中から、気に入った画像をブログの背景に組み合わせて、何度もシミュレーションした後に使用することが出来ます。
Googleが提供している無料ブログシステムのBloggerを実際に使っていく場合に、ブログ全体のデザインについてどうしようかと悩むと思いますが、そのデザインを向上させるために、Bloggerでは多数のデザインフォーマットを用意していて、そのフォーマットのことをテンプレートといいます。
現在のところ、全34種類のテンプレートが用意されていますので、ブログ制作者は、その中から自分のブログのイメージに合ったテンプレートを選び、使用することができます。背景のイメージ画像を変更することで、さらにバリエーションを増やせますので、そのデザイン的な効果は、ほぼ無限大と云えます。
※記事を作成し、写真とともに投稿すると、このサンプル記事のような感じで掲載することが出来ます。写真のサイズや文字の大きさ、種類、色についても、自由に、変えられ、ます。
◆使用テンプレート【ウォーターマーク 01】
基本デザインとして全4種類が用意されているテンプレート「ウォーターマーク」の中から、今回使用したのは「01」です。背景画像は「テクスチャ 02-5」を使用しました。
◆テンプレート、背景画像の各呼名の意味
◆テンプレート デザイナー指定内容まとめ
現在のところ、全34種類のテンプレートが用意されていますので、ブログ制作者は、その中から自分のブログのイメージに合ったテンプレートを選び、使用することができます。背景のイメージ画像を変更することで、さらにバリエーションを増やせますので、そのデザイン的な効果は、ほぼ無限大と云えます。
※記事を作成し、写真とともに投稿すると、このサンプル記事のような感じで掲載することが出来ます。写真のサイズや文字の大きさ、種類、色についても、自由に、変えられ、ます。
◆使用テンプレート【ウォーターマーク 01】
基本デザインとして全4種類が用意されているテンプレート「ウォーターマーク」の中から、今回使用したのは「01」です。背景画像は「テクスチャ 02-5」を使用しました。
◆テンプレート、背景画像の各呼名の意味
- テンプレート名 = ウォーターマーク
- テンプレート番号 = 01
- 背景画像 = テクスチャ 02-5
- テーマ = テクスチャ
- 02 = サムネールの2列目
- 5 = サムネール左から5番目
◆テンプレート デザイナー指定内容まとめ
- テンプレート > 【ウォーターマーク 01】
- 背景 > 背景画像 > テクスチャ 02-5
- 幅を調整 : ブログ全体960px、右側のサイドバー320px
- レイアウト : ブログ参照
- 上級者向け : 指定した内容のみ記載、下記参照。
◆上級者向け指定内容
- ページのテキスト : フォント Arial 13px、テキストの色 #e0e6ff、
- 背景 : 外側の背景 #00368f、フッターの背景 #005f8a、
- リンク : リンクの色 #7d85ff、表示済みの色 #6cb0ff、カーソルを合わせた時の色 #d0d1ff、
- ブログのタイトル : フォント Arial、 50px、タイトルの色 #ffffff、
- ブログの説明 : 説明の色 #8d93ad、
- タブのテキスト : フォント Arial、20px、テキストの色 #7d85ff、選択済みの色 #ffffff、
- タブの背景 : 背景色 transparent、区切りの色 #5d6482、
- 日付ヘッダー : フォント Arial、14px、テキストの色 #8d93ad、
- 投稿 : タイトルのフォント Arial、20px、背景色 transparent、枠線の色 #23316b、
- 投稿のフッター : テキストの色 #8d93ad、
- ガジェット : タイトルのフォント Arial、14px、タイトルの色 #ffffff、代替色 #7d839d
- フッター : テキストの色 #e0e6ff、ガジェットのタイトルの色 #ffffff、
- フッターのリンク : リンクの色 #7d85ff、表示済みの色 #6cb0ff、カーソルを合わせた時の色 #d0d1ff、
- CSSを追加 :
通常のブラウザの設定では、背景画像は左右に少ししか見えない状態ですので、ブラウザ右上にある最大化をクリックして、是非全体像をご覧ください、印象がだいぶ違います。
0 件のコメント:
コメントを投稿
ご覧いただき感謝します。ご意見やご質問がありましたら、下記のコメント欄へお願い致します!