Bloggerの「もっと読む」を自動化

「もっと読む」を使わないと
TOPページにダラダラと記事全文が並ぶ。

「もっと読む」を手動で入れると
長さがバラバラで見栄えが宜しくない。
（自力でキッチリ合わせるのも面倒臭い・・

自動で出来る方法があったので設定してみる。

テンプレート　→　カスタマイズ　→　上級者向け　→　CSSの追加　にて

thumb img {
  float: left;
  margin: 0 10px 10px 0;
}

と記入してブログに適用

テンプレート　→　HTMLの編集　にて

<data:post.body/>

↑を
↓に書き換える

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.hasJumpLink'>
<data:post.body/>
<b:else/>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
</b:if>
</b:if>
</b:if>

このテンプレートでは該当箇所が3箇所あったので、全て書き換える。