Bloggerには、関連記事を表示する機能がないので、BloggerRelatedPostsServiceや、Linkwithinなどのサービスを利用することでこの部分を補っています。

最近のブログで利用されている「zenback」というサービスもありますが、不要な広告が表示されたり、スタイルを書き換えることができないなどの問題があるため、使用していません。

私は、このブログでBloggerRelatedPostsServiceを利用していたのですが、あまり関係の無い記事ばかり表示されるので困っていました。いっそ自前で全部実装しようと思いjQueryを利用して書いてみました。

今回作成したプラグインは、記事についているラベルを使って、Bloggerのフィードから同じラベルの付いている記事取得して表示するというものです。

プラグインは以下からダウンロード可能です。ライセンスはMITライセンスです。

http://zerippe.appspot.com/libs/brelator/1.0/brelator.js

このプラグインを利用するには、テンプレートに以下のように記述します。

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:if cond='data:post.labels'>
    <script src='brelator.js'/>
    <script>$(function(){var plugin = $.brelator();<b:loop values='data:post.labels' var='label'>plugin.append('<data:label.name/>');</b:loop>plugin.load("<data:blog.homepageUrl/>");});</script>
  </b:if>

  <div id='brelator'/>

</b:if>

また、jQueryを利用しているので、jQueryをロードするコードも追加しておいてください。

このプラグインの動作を確認したい方は、このブログの各記事のフッタにこのプラグインを利用しているのでそちらをご覧下さい。

関連性がある記事

Disqusでコメント