よく使うAPIにGoogle Feedがありますが、このAPIは毎度ほんとにお世話になってます。
ただ最近は、複数のブログから記事をフィードさせることが増えてきたため
ちょっとこれでは物足らないかなと・・・。
そこで使うようになったのが、Google FeedControl
これを使えば2つでも3つでもいくでもフィードすることができます。
まずはGoogle APIの利用登録をします。（無料）
そして貼り付けるコードは下記の通り
（3件以上のフィードを想定して多少カスタマイズしてあります。）
#feedControl {
text-align: left;
padding-left: 8px;
padding-right: 8px;
}
#feedControl a {
color: #990000;
text-decoration: none;
}
#feedControl .gf-snippet,
#feedControl .gf-author,
#feedControl .gf-spacer {
display : none;
}
#feedControl .gf-relativePublishedDate {
color: #999966;
}
こんな感じで最近制作したウェブサイトはこちらです。ご参考までに。
【早稲田大学スキー部】
APIの詳細はGoogleのサイトで確認ください。
ただ最近は、複数のブログから記事をフィードさせることが増えてきたため
ちょっとこれでは物足らないかなと・・・。
そこで使うようになったのが、Google FeedControl
これを使えば2つでも3つでもいくでもフィードすることができます。
まずはGoogle APIの利用登録をします。（無料）
そして貼り付けるコードは下記の通り
（3件以上のフィードを想定して多少カスタマイズしてあります。）
<html>あとはCSSで表示のレイアウトを調整します。
<head>
<script type="text/javascript" src="http://www.google.com/jsapi?key="YOUR-KEY"></script>
<script type="text/javascript">
var strFeed1 = "http://www.aaa/index.xml";
var strFeed2 = "http://www.bbb/index.xml";
var strFeed3 = "http://www.ccc/index.xml";
var strName1 = "タイトル１";
var strName2 = "タイトル２";
var strName3 = "タイトル３";
var entryNum = 3;
google.load("feeds", "1");
function OnLoad() {
var feedControl = new google.feeds.FeedControl();
feedControl.addFeed(strFeed1, strName1);
feedControl.addFeed(strFeed2, strName2);
feedControl.addFeed(strFeed3, strName3);
feedControl.setLinkTarget(google.feeds.LINK_TARGET_BLANK);
feedControl.setNumEntries(entryNum);
feedControl.draw(document.getElementById("feedControl"),
{drawMode : google.feeds.FeedControl.DRAW_MODE_LINEAR});
}
google.setOnLoadCallback(OnLoad);
</script>
</head>
<body>
<div id="feedControl">Loading</div>
</body>
</html>
#feedControl {
text-align: left;
padding-left: 8px;
padding-right: 8px;
}
#feedControl a {
color: #990000;
text-decoration: none;
}
#feedControl .gf-snippet,
#feedControl .gf-author,
#feedControl .gf-spacer {
display : none;
}
#feedControl .gf-relativePublishedDate {
color: #999966;
}
こんな感じで最近制作したウェブサイトはこちらです。ご参考までに。
【早稲田大学スキー部】
APIの詳細はGoogleのサイトで確認ください。
コメントする