BloggerでのCSS使用方法

こんなbox

や

こんなサブタイトル

を使う方法です。

ダッシュボードから、
「テンプレート」
を選びます。
その後、テンプレートのページの表示に、
「ブログで使用中」
という項目があり、下に現在使用しているテンプレートのサンプル画像が表示されます。
その下、ボタンが2つあります。
「カスタマイズ」と「HTMLの編集」です。
カスタマイズを選択します。

Blogger テンプレートデザイナー

左のメニューから
「アドバンス」
を選択し、出てきたメニューの一番下から
「CSSを追加」
を選択すると、CSSの設定画面が表示されます。

CSSの設定

自分は

.box{
background-color:#77CCDD;
mergin: 8px;
padding: 4px;
}

.subtitle{
border-bottom: solid 5px #77bbdd;
border-left: solid 10px #77bbdd;
}

を使用しています。

.box

がboxの設定で、

.subtitle

がサブタイトルの設定です。

ページへの反映方法

<p class="box">
boxのテキスト
</p>

<h3 class="subtitle">
subtitleのテキスト
</h3>