bloggerの最近のコメント問題(最終版）

最近のコメント用javaスクリプトの修正するテンプレートを公開致します。
大元は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 とかかれた部分は、表示するコメント内容の文字数です。当ブログでは１０としています。

kennsuとかかれた部分は、表示する最近のコメント数です。当ブログでは１０としてます。

usernameとかかれた部分はbloggerのurlがユーザー名となっているようなので、自分のに相当するのを書いてください。このブログではtoranekosanとなっています。

下のリンク先で、上のスクリプト改変してを貼り付けて、実行すると動作確認が出来ます。

http://html.appelle.jp/cgi-bin/makesouce_cgi.cgi

そして、bloggerのテンプレート：レイアウト：ページ要素追加： HTML/JavaScriptで、作ったスクリプトをコピーしてください。