ラベル一覧にフィードアイコン

以前、新 Blogger（当時は Blogger beta）のラベルフィードの存在について、記事を書きました。

• Blogger beta のラベルフィード

その後、ラベルごとの投稿表示画面からラベルフィードの URL を得るための、ブックマークレットも作りました。

• Blogger beta のラベルフィードを見つけるブックマークレット

今回ご紹介するのは、最初からラベル一覧にラベルフィードへのリンクをつける方法。

• PurpleMoggy's Blog: Adding Label Feeds to Your Template

を参考にしています。


見た目

新 Blogger のラベルウィジェットがこうなります。



ラベル名の左にラベルフィードへのリンクが出ます。リンクがさりげなくていい感じ。


導入方法

１．ラベルウィジェットを追加します。すでにブログにラベルウィジェットを設置していればそのままで OK です。設置していない場合は、新 Blogger 管理画面「テンプレート ＞ ページ要素」の「ページ要素を追加」リンクから追加してください。

２．新 Blogger 管理画面「テンプレート ＞ HTML の編集」ページを開き、「ウィジットのテンプレートを展開」します。

３．コードの表示されているテキストエリアから次のコード

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <b:if cond='data:blog.url == data:label.url'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

を見つけ出して、次のコード

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <script type='text/javascript'>
          var lblname = '<data:label.name/>';
          lblname = encodeURIComponent(lblname);
          var feedlink = '/feeds/posts/full/-/' + lblname;
          document.write('&lt;a href=&quot;' + feedlink + '&quot;&gt;&lt;img width=&quot;12&quot; height=&quot;12&quot; src=&quot;http://kurikuribo.googlepages.com/feed-icon-g-12x12.png&quot;/&gt;&lt;/a&gt;');
        </script>
        <b:if cond='data:blog.url == data:label.url'>
          <data:label.name/>
        <b:else/>
          <a expr:href='data:label.url'><data:label.name/></a>
        </b:if>
        (<data:label.count/>)
      </li>
    </b:loop>
    </ul>

    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>

に書き換えます。

４．「テンプレートを保存」ボタンをクリックします。

これでおしまいです。


クラシックテンプレートは…

クラシックテンプレートの利用者は、上に示したようなカスタマイズができません。というより、それ以前にブログにラベル一覧を表示する方法が用意されていません。

• Known Issues for the New Blogger

（クラシックテンプレートには、）サイドバーに全てのラベルを表示するタグはありません。サイドバーのラベルウィジェットを使う場合には、レイアウトテンプレートに変更する必要があります。

（クリボウ訳）

レイアウトテンプレートを使えない身（FTP 公開ブログ）としては、非常に残念です…。