投稿

ラベル(Blogger)が付いた投稿を表示しています

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>