Douglas BowmanのNo.897をカスタマイズ

Douglas BowmanのNo.897のテンプレートを変更します。

[テンプレートタブ]―[HTMLの編集]
太い赤字が変更箇所です。適当に数字を置き換えてください。

行間と字間を変更する
.post p {
margin:0 0 .75em;
line-height:1.8em;
letter-spacing: 0.2em;
}

.post ul li {
line-height: 1.8em;
letter-spacing: 0.2em;
}

.post ol li {
line-height: 1.8em;
letter-spacing: 0.2em;
}


リンクテキスト
/* Links 2箇所をunderlineに変更
----------------------------------------------- */
a:link {
color:$mainLinkColor;
text-decoration:underline;
}
a:visited {
color: $mainVisitedLinkColor;
text-decoration:underline;
}

a:hover, a:active {
color: #ff0000;
　 text-decoration:none;
}


フォントを拡大
[テンプレートタブ]―[フォントと色タブ]―[テキストフォント]―[拡大：拡大：拡大：拡大]
[テンプレートタブ]―[フォントと色タブ]―[表示済みリンクの色：F2984c]

テキストの色：#333333
リンクの色：＃006699
表示済みリンクの色：#f2984c

日付、投稿者などを非表示
[テンプレートタブ]―[ページ要素]―[ブログの投稿]―[編集ボタン]

=============================================
HTML
outer-wrapper: 90%
main-wrapper: 100%
sidebar-wrapper:

横幅100%表示にする

• 横幅100%表示のテンプレートがあります。Herbertです。
• [レイアウト]―[テンプレートタブ]―[新しいテンプレートを選択タブ]―[Herbert]
  

次のようにカスタマイズすることもできます。

• [テンプレートタブ]―[フォントと色]
  
• [ページの背景色]―[#caf99b]　3行目の1
• [blog title background color]―[#32527a]　2行目の7
• [ブログのタイトルの色]―[白]
• [post title background color]―[#3252da]　2行目の9
• [リンクの色]―[＃003366]　2行目の11
• [表示済みリンク色]―[#804000]　1行目の9
• [テキストフォント]―[拡大]―[拡大]
• [サイドバーのリンクの色]―[＃003366]　2行目の11
• [サイドバーの表示済みリンクの色]―[#804000]　1行目の9
• リンクテキストにunderline　　順序はlink→ visited→ hover→ active
  
• a {
  color: $mainLinkColor;
  text-decoration: underline;
• a:hover　active{
  color: #ff0000;
  text-decoration: underline;
• a:active {
  color: #ff0000;
  text-decoration: underline;
  }

• サイドバーのリンクテキストにunderline　
• #sidebar a {
  text-decoration: underline;
  }
  
  

画像の表示サイズを変更する

• 画像の表示サイズを変更する

投稿者、日付などを削除する

• [レイアウト]―[テンプレートタブ]―[ブログの投稿：編集]―[…]

ヘッダーを編集する

• ヘッダーに画像を挿入する
• [レイアウト]―[テンプレートタブ]―[Header：編集]―[イメージ：コンピュータから]―[…]
  

ブロガー作品リンク集

• 日本語 Blogger 更新情報クリボウ
• Blogger リングはてな
  

テンプレート配布サイト

「新しいテンプレート」には、色違いなどの多くのデザインが用意されています。

• 自分のブロガーを開きます。
• [テンプレートタブ]―[新しいテンプレートを選択タブ]

テンプレート集

• レイアウトテンプレート配布サイトクリボウ
  
• Blogger テンプレートたちクリボウの Blogger Tips
• Blogger Templates
• Blog Templates
• NOIPO.ORG
• Templates 4 Free

キーワードを埋め込む

keywordsやdescriptionを設定するには、[テンプレートタブ]―[htmlの編集タブ]で次のようにします。
日本語以外は半角です。
＜head＞の下に挿入します。「、」でなく半角の「,」であることに注意してください。
＜meta name="keywords" content="ウェブ表現論,日本の地域"＞
＜meta name="description" content="桑原政則オンラインは、ウェブ表現論,日本の地域のサイトです。" /＞

最後に半角スペースと/（半角スラッシュ）を入れるのを忘れないでください。

Blogger紹介サイト

• クリボウの Blogger 入門
• サルなら分かるＢＬＯＧＧＥＲ講座

blogger（ブロガー ）とは

• ブロガー Bloggerとは、Googleのブログのことです。
  ここでは、ブロガーの技法について学んでいきます。
• Bloggerは、無料で、投稿が簡単、テンプレートをいじりやすいのが特徴です。
• Bloggerは、2006年最優秀ブログツールにえらばれています。
• なお、ブロガーとは、ふつうは、ブログをする人のことをさします。
  2007年現在、日本語のブログは、世界の3分の1を占め、英語を抜いて世界一となっています。

【メモ】
http://docs.google.com/Doc?id=dfz25gss_39gt3fx8