大元はarm22さんのブログ
http://360-to-issho.blogspot.com/2007/08/blogger10.html
を若干改変したものになっています。
これまでの記録は以下のリンクを参照
http://toranekosan.blogspot.com/2007/08/blogger.html
http://toranekosan.blogspot.com/2007/09/blogger2.html
http://toranekosan.blogspot.com/2007/09/blog-post_06.html
「最近のコメント」問題(2)以前の解答スクリプトはエラーが入っていたようです。
これは当ブログの筆者がスクリプトをHTML形式でどのように表示するかで悩んで
あやまったコードを挿入していた為です。問題(3)で一応の解決を確認しております。
以下が修正ごのスクリプトとなります。
-------------------------------------------------
<div id="recent_comment_list"></div>
<script>
<!--
function recent_comment_callback(obj) {
var data = obj;
var statusHTML = '<ul>';
for (var i=0; i<data.feed.entry.length; i++) {
statusHTML+= ('<li><a href="'+data.feed.entry[i].link[0].href+'">');
statusHTML+= (data.feed.entry[i].summary.$t.substring(0,mojisu));
if (data.feed.entry[i].summary.$t.length > mojisu) {
statusHTML+= ('...');
}
statusHTML+= ('</a> - ');
statusHTML+= ('<span class="item-date">'+data.feed.entry[i].published.$t.substring(0,kennsu)+'</span>');
statusHTML+= ('<span class="item-author"> '+data.feed.entry[i].author[0].name.$t+'</span>');
statusHTML+= ('</li>');
}
statusHTML += '</ul>';
document.getElementById('recent_comment_list').innerHTML = statusHTML;
}
-->
</script>
<script text="text/javascript" src="http://username.blogspot.com/feeds/comments/summary
?alt=json-in-script&callback=recent_comment_callback&max-results=
10"></script>
----------------------------------------------------
上のスクリプトの改造方法
mojisu とかかれた部分は、表示するコメント内容の文字数です。当ブログでは10としています。
kennsuとかかれた部分は、表示する最近のコメント数です。当ブログでは10としてます。
usernameとかかれた部分はbloggerのurlがユーザー名となっているようなので、自分のに相当するのを書いてください。このブログではtoranekosanとなっています。
下のリンク先で、上のスクリプト改変してを貼り付けて、実行すると動作確認が出来ます。
http://html.appelle.jp/cgi-bin/makesouce_cgi.cgi
そして、bloggerのテンプレート:レイアウト:ページ要素追加: HTML/JavaScriptで、作ったスクリプトをコピーしてください。