FC2ブログでその記事が属するカテゴリの最新記事一覧を表示

なぜ悩んだかというと、ちょうどいい変数がなかったからです。で、考えていると変数はなくてもカテゴリごとのrssフィードは提供されています。例えばカテゴリ「FC2ブログのカスタマイズ」の場合以下のようになります。 って感じなので赤の部分に変数を入れてあげると、その記事が属するカテゴリの最新記事一覧のrssフィードになります。 で、このrssフィードを読み取って表示させると完成です。どうやって表示するかというとFC2ブログはもちろんphpは使えないのでGoogle AJAX Feed APIを利用します。実際どうするかというと以下のとおりです。以前紹介した「Google AJAX Feed APIでRSSフィードを表示」と同じですね。

<!--topentry--> 
 <script type="text/javascript" src="http://www.google.com/jsapi?key=取得したAPI キー"></script>
  <script type="text/javascript">
  
  google.load("feeds", "1");
  
  function initialize() {
    var feed = new google.feeds.Feed("ブログのアドレス/?xml&category=<%topentry_category_no>");
    feed.setNumEntries(10);
    feed.load(function(result) {
        if (!result.error) {
          var container = document.getElementById("feed");
          for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];
            var div = document.createElement("li");
            var a = document.createElement("a");
            a.href = entry.link;
            a.appendChild(document.createTextNode(entry.title));
            div.appendChild(a);
            container.appendChild(div);
          }
        }
      });
  }
  google.setOnLoadCallback(initialize);
  
  </script>
 <div id="feed"></div>
<!--/topentry-->

APIキーはGoogle AJAX Feed API へ登録して取得してください。<!--topentry--> は場合によっては必要ありませんのでご注意ください。今後もう少しカスタマイズする方法を紹介するのでご期待ください。