Blogger・Emporioトップページの投稿リストにスニペットを表示する

テーマ「 Emporio 」のトップページに表示される投稿リストには、「注目の投稿」のように記事のスニペットを表示させる機能がありません。サムネイル画像と投稿タイトルだけで物足りない場合は、HTML を編集してスニペットを表示させることができます。

スニペットを表示させる

HTML の編集から「 Blog1 」へ進むか、HTML 内検索を使って以下のコードを探します。
<b:includable id='postBodySnippet' var='post'>
見つけた上記コードの「 真下 」に以下のコードをペーストして保存します。
<div class='snippet-body'>
 <b:eval expr='snippet(data:post.body, { length: 100 })'/>
</div>
コード内の「100 」は表示文字数で変更ができます。

CSS で調整する

.snippet-body {}
表示させたスニペットを CSS で調整するために、上記のクラス名を指定してあります。
これで文字サイズやその他もろもろ自由に調整できます。