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

複数のフィードを新着順に表示:必要なものはjquery.jfeedmixer.js

<script type="text/javascript" src="http://www.google.com/jsapi?key=キー"></script>
<script type="text/javascript">
google.load("feeds", "1");
google.load("jquery", "1.4.2");
</script>
<script type="text/javascript" src="jquery.jfeedmixer.js"></script>
<div id="feeds"></div>

<script type="text/javascript">
$(function(){
$('#feeds').jFeedMixer({
feeds: ['フィードURL', 'フィードURL', 'フィードURL'],
feedFormat: '<li><a href="%link" target="_blank">%date %title / %blogTitle</a></li>',
dateFormat: "yyyy.mm.dd",
countPerFeed: 5,
countLimit: 5,
categorySeparator: ' | '
});
});
</script>

FeedWordPressという取得したフィードを自動投稿するプラグインを使うと、複数のブログの内容を1つのブログで表示できそう。
フィードを取得して表示するだけでなく、アーカイブ表示できないかと聞かれて探した情報。

2012.3.26追記、タイトルの文字数制限 tmax

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
    google.load("feeds", "1");
    function initialize() {
      var feed = new google.feeds.Feed("フィードを取得するURL");
       feed.setNumEntries(5);
      feed.load(function(result) {
        if (!result.error) {
          var tmax = 20;
          var container = document.getElementById("feed");
          var title = result.feed.title;
          var wrap = document.createElement("ul");
          container.appendChild(wrap);
          for (var i = 0; i < result.feed.entries.length; i++) {
            var entry = result.feed.entries[i];
            var item = document.createElement("li");
            var ttxt = entry.title;
            var ttxt2 = ttxt.replace(/[.+]/, "");
            if(ttxt2.length > tmax) {
                ttxt2 = ttxt2.substring(0, tmax) + "...";
            }
            item.innerHTML = "<a href='" + entry.link + "' target='_blank'>" + ttxt2 + "</a>";
            wrap.appendChild(item);
          }
        }
      });
    }
    google.setOnLoadCallback(initialize);
</script>

2010.11.02 投稿 2015.04.05 更新

新しい情報を追記している場合はありますが、古い情報の修正はしていません。投稿日・文中の日付を参照してください。

Recent Articles