複数のRSSフィードを表示 「Google Feed API」利用その2 フィードごとにアイコン表示

12月 2nd, 2011 by berry | Filed under RSSフィード.

Google AJAX Feed APIではフィードプロパティの値「author」を使ってブログ投稿者の名前を呼びだすことができるので、これを利用してフィードごとに違うアイコンを表示することができます。

以下は前回のJavaScriptコードのHTMLを呼び出す部分です。

wrap.innerHTML = eimg + ‘<li><span>’ + date.getFullYear() + ‘年’ + (date.getMonth() + 1 ) + ‘月’ + date.getDate() + ‘日</span><a href=”‘ + eLink + ‘” target=”_blank”>’ + eTitle + ‘</a>(’ + entry.blogName + ‘)</li>’;
container.appendChild(wrap);

ここの年月日とタイトルの間に赤字の部分を追加してみました。

wrap.innerHTML = eimg + ‘<li><span>’ + date.getFullYear() + ‘年’ + (date.getMonth() + 1 ) + ‘月’ + date.getDate() + ‘日</span><img src=”img/’ + entry.author + ‘.gif” /><a href=”‘ + eLink + ‘” target=”_blank”>’ + eTitle + ‘</a>(’ + entry.blogName + ‘)</li>’;
container.appendChild(wrap);

entry.authorの部分に投稿者名の名前が呼び出されるので
この場合img/の中の「投稿者名.gif」が呼び出されます。

※アメブロの場合は投稿者(name値)が設定されていない為か、呼び出されず「.gif」となってしまいます。
なので

<img src=”img/’ + entry.author + ‘.gif” />

<img src=”img/icon‘ + entry.author + ‘.gif” />

としておきimg/の中に「icon.gif」を入れておけばアメブロ用のアイコンとして表示されます。
その場合、他のアイコンは「icon投稿者名.gif」となります。


Leave a Reply