桑原政則のブロガーの技法

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

2008-01-19T16:48:00.001+09:00

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%表示にする

2008-01-14T12:03:00.000+09:00

横幅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;
}

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

2008-01-06T13:20:00.000+09:00

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

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

2008-01-03T09:46:00.000+09:00

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

ヘッダーを編集する

2008-01-02T11:37:00.000+09:00

ヘッダーに画像を挿入する

[レイアウト]―[テンプレートタブ]―[Header：編集]―[イメージ：コンピュータから]―[…]

ブロガー作品リンク集

2007-11-21T15:54:00.000+09:00

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

テンプレート配布サイト

2007-11-11T09:17:00.000+09:00

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

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

テンプレート集

キーワードを埋め込む

2007-09-04T11:40:00.001+09:00

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

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

Blogger紹介サイト

2007-07-25T10:14:00.000+09:00

blogger（ブロガー）とは

2007-06-09T12:58:00.000+09:00

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

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