Blogger・トップページやラベルページなど投稿タイトルを一覧表示させる

Blogger の一部テーマでは、トップページをはじめとするラベルやアーカイブのページ、さらにブログ内検索結果のページにおいて、投稿内容が続けて表示されますが、これを「投稿タイトル」だけを表示するように HTML を編集します。
投稿タイトルの一覧表示となるため、投稿内容が続けて表示されるよりはわかりやすくなります。

HTML を編集する

<b:include data="post" name="post"/>
上記コードを探し下記のように書き換えます。
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<h1 class='title-list'><a expr:href='data:post.url'><data:post.title/></a></h1>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
最初に探したコードは上記に含まれているので、削除またはコメントアウトしてください。
また、「 title-list 」のクラス名がありますが、これは後に CSS でフォントサイズなどを指定するためです。クラス名は自由に変更ができます。

CSS で調整する

.title-list {
    border-bottom: solid 1px #eee;
    font-size: inherit;
    padding: .5em 0;
}
HTML にあるクラス名を使って調整をします。
上記の場合、投稿タイトルを「 h1 」にしているので、フォントサイズが通常サイズになるよう「 inherit 」を指定していますが、それぞれの好みで調整してください。