□ Blogger テンプレート修正 □

色々なブラウザで見た目をチェック出来るサービスを利用してみたら、小奇麗にしたつもりが、実はボロボロなことに気付いてテンプレートを修正してみた。

これで、主要なブラウザであれば、想定の範囲内で表示されるはず･･･。

意識した点は、
1.ページヘッダ下のサブメニュー部分は、テキストやHTMLで適当に処理出来ること。
2.ページフッタ部分：テキストとかHTMLなんかを簡単に修正出来ること。
3.投稿内容の上に、お知らせや画像などを貼れるスペースを用意しておくこと。
4.各セクションの色、フォントの色などは、「フォントと色」から変更出来ること。
5.一般的なブラウザで、想定内の表示が出来ること。

※表示確認済ブラウザリスト
Windows：IE 6.0/8.0　FireFox 2.0/3.0
         Safari 2.0/3.1　Opera 9.27/9.50
         Navigator 9.0
Mac：     FireFox 2.0/3.0　Safari 2.0/3.1

1.2.3.を対応させた「レイアウト」->「ページ要素」はコレ



4.に対応させた「レイアウト」->「フォントと色」の設定項目
・ページ背景色
・テキスト色
・ヘッダーの背景色
・ブログタイトルのフォント色
・ブログタイトル下説明のフォント色
・ヘッダー下サブメニューの背景色
・ヘッダー下サブメニューのフォント色
・枠線＆投稿画面の□の色
・左サイドバー部分の背景色
・サイドバータイトルのフォント色
・サイドバーテキストのフォント色
・投稿部分（真中）の背景色
・投稿タイトルのフォント色
・投稿フッタのフォント色
・右サイドバーの背景色
・ページ下フッタラインの背景色
・ページ下フッタのフォント色
・リンクフォント色
・表示済リンクフォント色
・リンクHoverの色


5.はこんな感じで、なぜかIE8.0がセンタリングしていないのと、Windows：IE 5.01で、背景画像の読み込みが失敗してる。


まあ、とりあえず満足。

ちなみに、テンプレートのアップロードではなく、エディタで開いて、コピペした方が安定してる。
Bloggerの動作が重いとき、テンプレートの保存とかアップロードなど、問題ないようで実は失敗しているなんてことも･･･。

覚書
・スクリーンショット.jpさん
・browsershotsさん

・backup