Blogger：カスタマイズ

基本は、テンプレート>>カスタマイズで変更する。

見出し、小見出しのフォントの変更は、上級者向け＞CSSを追加で、h2, h3, のCSSを追加する。

h2 {
    font: bold 20px arial,sans-serif;
    color: #44BB44;
}

h3 {
    font: bold 16px arial,sans-serif;
    color: #AACCAA;
}

カスタマイズでできないものは、テンプレートのHTMLを以下のように変更する。

◆投稿タイトルのフォントサイズ、フォント色

フォントサイズを24pxに変更

<Variable name="post.title.font" description="Font" type="font"
default="normal normal 22px Arial, Tahoma, Helvetica, FreeSans, sans-serif" value="normal bold 24px Arial, Tahoma, Helvetica, FreeSans, sans-serif"/>

フォント色をmaroonに変更

h3.post-title, .comments h4 {
font: $(post.title.font);
color: maroon;
margin: .75em 0 0;
}

◆日付のフォントサイズ、フォント色

フォントサイズを14pxに、フォント色を#888888に変更

.date-header span {
background-color: $(date.header.background.color);
color: $(date.header.color);
padding: $(date.header.padding);
letter-spacing: $(date.header.letterspacing);
margin: $(date.header.margin);
font-size: 14px;
color: #888888;
}

以上