Blogger・QooQの投稿リストにスニペットを表示させる方法

Blogger のフリーテンプレート「 QooQ 」は、カスタマイズがしやすいことでも人気となっていますが、人気の投稿や注目の投稿のように、トップページに表示されている投稿リストにもスニペットを表示させることができます。
サムネイル画像が強調されるスタイルなので、冒頭だけでも見えていると、全体のバランスが良くなるのではないでしょうか。

QooQ-snippet

下記のとおりに編集するとスニペットを表示するだけでなく、表示文字数や CSS で文字サイズなどの指定をすることもできます。

投稿リストにスニペットを表示

HTML の編集をします。

① 下記コードを探します
<h3 class='list-item-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
② 上記コードの「真下」に以下をペーストして保存します。
<div class='snippet-body'>
 <b:eval expr='snippet(data:post.body, { length: 100 })'/>
</div>
コード内の「 100 」の数値は表示文字数なので、場合によって変更してください。
また、文字サイズなどを CSS で変更できるように、「 snippet-body 」のクラス名を指定しています。
.snippet-body {}
調整が必要な場合は、コードにあるクラス名で CSS を追加してください。
クラス名は例なので自由に変更できます。

ラムネグ