スキップしてメイン コンテンツに移動
【ブログの投稿にはアフィリエイト広告、およびアドセンス広告が含まれる場合があります】

Bloggerで投稿のテキスト行間を広げる方法

Bloggerに日本語で書いていると、行間が狭いなーと思うことが多いです。
Bloggerの投稿で文章の行間を広げるCSSを紹介します。



Bloggerで投稿テキストの行間を広げるCSS

Bloggerは日本語に特化されたブログサービスではないので、なにかとむず痒いところが多いですね。

Bloggerで投稿の行間を調節する方法です。
(テンプレートによって、若干異なるかもしれません)

1.カスタマイズしたいブログの管理メニューで「テーマ」を選択し、「カスタマイズ」というオレンジ色のボタンをクリックする。



2.「上級者向け」から「CSSを追加」を選択する。


3.以下のような画面になるので、この下のCSSコードをコピペして貼り付けます。




.post-body {
line-height: 1.6em;
}


4.「1.6em」とある数字を調節して、好みの行間にし、右上の「ブログに適用」というオレンジ色のボタンを押して完成です。



ちなみに、本ブログは1.8emで設定しています(この記事投稿時点)。




コメント

このブログの人気の投稿

BloggerのブログのPing送信を自動化する方法

BloggerにはPing送信先の追加ができないので、ブログランキングとかに更新情報をおくるには手動でPing送信を行わなくてはいけません。 …って、やっぱりめんどうですよね。 それで、自動化できる方法はないかと探してみました。IFTTTというサービス(無料)を使って、Bloggerから自動的にPing送信を行う方法を説明します。

Bloggerのサイドバーにあるラベル(カテゴリー)をスマホ表示させる方法

Bloggerのデフォルトでは、スマホやモバイル表示ではサイドバーが表示されません。しかし、これは、ちょこっとカスタマイズするだけで、カンタンに表示させることができます。