Blogger「Tokyo」トップページの記事タイトルを大きくする方法

Bloggerの日本語対応テンプレート「Tokyo」のカスタマイズ記事です。

トップページの記事リストのタイトル文字を大きくする方法を、初心者の方にも分かりやすく説明します。

まずは、標準の文字サイズがこちらです。

「Tokyo」トップページの記事タイトル（標準）です。

このままでもいいのですが、文章の文字サイズと同じなので、もう少し大きくしてよりタイトルっぽくしてみようと思います。

大きくしたのがこちらです。

タイトルの文字を大きくしました。

タイトルの文字が大きくなって、より分かりやすくなった気がしますね。

それでは、さっそく方法を説明します。

「Tokyo」トップページのタイトルを大きくする方法

Bloggerの管理画面で、「テーマ」をクリック後、右端のマークをクリックします。

画面が開いたら、「HTMLを編集」をクリックします。

次のような画面が開くので、左端の数字が230番台くらいになるまで画面をスクロールします。

テーマのHTML編集画面です。

赤枠の所にコードを追加します。（※実際の画面に赤枠はありません。）

赤枠の部分にコードを追加しました。

※左端の数字は前後する場合があります。必ず前後の青字の内容を確認してください。
（.mylist .mytitleの少し下です。）

付け加えたコードはこちらです。（コピペできます。）

font-size: 120%;

％の数字はお好みで変えてください。

プレビューマークをクリックすると、変更が確認できます。
もう一度プレビューマークをクリックすると、HTML編集画面にもどります。

プレビューを見て文字の大きさを確認してください。

確認が終わったら、最後に保存します。

「保存」のマークをクリックします。

これで、「Tokyo」トップページの記事リストにあるタイトルの文字が大きくなりました。

以上です。おつかれさまでした＊

▼こちらもおすすめ♪

→ホームへ戻る