RSSフィードを自動的に読み込む仕組みの作り方です。
まずはググってjsapi.JSを落とします。jQueryも使います。
次にRSSを表示するコードをJavaScriptで書きます。
var maxTitleLength = (表示する最大文字数); google.load("feeds", "1"); function initialize() { var feedurl = "RSSフィードのURL"; var feed = new google.feeds.Feed(feedurl); feed.setNumEntries(表示する記事数); feed.load(dispfeed); function dispfeed(result){ if (!result.error){ var container = document.getElementById("ブログ一覧を表記するブロック要素のID"); var htmlstr = ""; for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; htmlstr += "<li>"; var strdate = createDateString(entry.publishedDate); htmlstr += "" + strdate + ""; htmlstr += '<a href="' + entry.link + '">' + entry.title + '</a>' htmlstr += "</li>" } container.innerHTML = htmlstr; }else{ alert(result.error.code + ":" + result.error.message); } } } function createDateString(publishedDate){ var pdate = new Date(publishedDate); var pday = pdate.getDate(); var pmonth = pdate.getMonth() + 1; var pyear = pdate.getFullYear(); var phour = pdate.getHours(); var pminute = pdate.getMinutes(); var psecond = pdate.getSeconds(); var strdate = pyear + "年" + pmonth + "月" + pday + "日"; return strdate; } google.setOnLoadCallback(initialize);
jsapi.JSと上記のJavaScriptをHTMLに適用し、ブログ一覧を表示する場所にIDを指定します。
<div id="ブログ一覧を表記するブロック要素のID"></ div>