bloggerの「最近のコメント」問題

最近のコメントがブログのサイドバーについています。元々bloggerではその機能は無かったらしいです、公には。日本人でbloggerを使い始めた方が「最近のコメント」機能の役割をするスクリプトコードを発掘してくれて、僕はその方法に習って使っていました。

どこのbloggerでも、嘆きが聞こえますが、先週末からそのスクリプトが正しく動いていません。何があったのやら困ったものです…。誰かやり方が分かる人、タレコミよろしくです^^/　

と思ったら別の所でスクリプトが公開されていました。arms22さんが公開しています。さらに、jsファイルを作成してWEB上に置かなくても、Bloggerのレイアウト画面でHTML/JavaScript要素を追加し、arms22さんのスクリプトをちょっとだけ変えた、下のスクリプトを貼り付ければ動作することを確認しました。スクリプト宣言がなされていないだけだったようです。

arms22さんありがとうございます！！！

<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,32));
if (data.feed.entry[i].summary.$t.length > 32) {
statusHTML+= ('...');
}
statusHTML+= ('</a> - ');
statusHTML+= ('<span class="item-date">'+data.feed.entry[i].published.$t.substring(0,10)+'</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://360-to-issho.blogspot.com/feeds/comments/summary?alt=json-in-script&callback=recent_comment_callback&max-results=10"></script>

arm22さんのブログ
http://360-to-issho.blogspot.com/2007/08/blogger10.html


このスクリプトを使用する際の注意点は、
http://360-to-issho.blogspot.com/feeds/comments/summary
の部分を自分のブログと同じように書き換えましょう。
このブログの場合はhttp://toranekosan.blogspot.com/feeds/comments/summary
です。

あと最近のコメントをいくつまで表示するかというのも変えることが出来て、
recent_comment_callback&max-results=10
の部分の数字を変えれば良いようです。

追記:：arms22さんのブログにて既に訂正版が公開されております。
arm22さんのブログ
http://360-to-issho.blogspot.com/2007/08/blogger10.html



改行バージョンは以下のとおりです。基本的に上のスクリプト部分を選択すると表示されないのもコピーできると思っていたのですが出来ないようですね。改行した部分を赤くしています。赤の部分が上で見えなかった行になります。ブログのフォームスタイルをストレッチ型にすればよいみたいなのですけど。

<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,32));
if (data.feed.entry[i].summary.$t.length > 32) {
statusHTML+= ('...');
}
statusHTML+= ('</a> - ');
statusHTML+= ('<span class="item-date">
'+data.feed.entry[i].published.$t.substring(0,10)+'</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://360-to-issho.blogspot.com/feeds/comments/summary?
alt=json-in-script
&callback=recent_comment_callback&amp;amp;max-results=10"
></script>