2010年11月25日木曜日

Bloggerでページ内の記事一覧を表示


このエントリーをはてなブックマークに追加


Blogger使ってて一番不満なのがこれ。
ページ内の記事一覧が表示されないから、ラベルを選択しても上から順に記事を追っていく必要がある。
この設定を入れると、ラベルやアーカイブの一覧を表示した際、ページトップにページ内の記事一覧が表示されるようになる。

デザイン → HTMLの編集 → 「ウィジェットのテンプレートを展開」にチェックを入れて編集する。

赤字部分を追記
--------------------------------------
<b:includable id='main' var='top'>
  <!-- posts -->
  <div class='blog-posts hfeed'>

    <b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<ul id='post-title-navigation'>
<br/>
<span>このページの記事一覧</span>
<b:loop values='data:posts' var='post'>
    <li>
    <b:if cond='data:post.title'>
      <data:post.dateHeader/> - <a expr:href='"#" + data:post.id'><data:post.title/></a>
    <b:else/>
      <data:post.dateHeader/> - <a expr:href='"#" + data:post.id'><data:post.id/></a>
    </b:if>
    </li>
</b:loop>
</ul>
</b:if>
</b:if>
    <data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.isDateStart'>
--------------------------------------
参考>> Bloggerのアーカイブページやラベルページで記事タイトル一覧を表示