2013年2月7日木曜日

Bloggerのトップページで「もっと読む」設定をする

ブログのトップページに記事を何件か表示したり、
ラベルごとに表示したりするとき
長い記事のまま表示されるとページ自体が長くなってしまって間延びしちゃいますね。

これは「もっと読む」機能を使えば解消します。

テンプレートでの設定

先にデフォルトの仕様ではトップページの「もっと読む」をクリックした際に
その途中から読むような設定になっている仕様を解除しておく必要があります。

そのままの流れで読んでいただきたい場合は「各記事の設定」だけで良いです。

テンプレート > HMTLの編集 を開き、「ウィジェットのテンプレートを展開」にチェックを入れます。

<div class='jump-link'<で検索し下記のコードを表示させます。

<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if>
これを下記に変更します。
<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if>

各記事での設定

記事の中の「もっと読む」を表示させたい箇所に

<!-- more -->
このタグを入れるだけです。