BLOGGERのFTP公開typeのクラシックテンプーレートのカスタマイズ。
最近のコメント問題を参考にJSONを使いJAVASCRIPTでFTP公開サイトでもサイドバーの好きな位置にテンプレートに書き込めば表示されます。
下記の場合は5件のみ表示し、日付を［yy-mm-dd］の表示文字数にしています。
<h2 class="sidebar-title">直近のコメント5件</h2>
<div id="recent_comment_list"></div>
<script type="text/javascript"><!--
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><br \/>');
statusHTML+= ('<span class="item-date">['+data.feed.entry[i].published.$t.substring(2,10)+']<\/span>');
statusHTML+= ('by<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 type="text/javascript" src="http://www.blogger.com/feeds/自分のblogID/comments/summary?alt=json-in-script&callback=recent_comment_callback&max-results=5"></script>
BLOGEERクラシックテンプレート 最近のコメント取り出し２に修正したタイプ載せてます。
いつの間にか、jsonデータが変わっていたのでBLOGEERクラシックテンプレート 最近のコメント取り出し３に最新版のせています。
ピンバック: BLOGEERクラシックテンプレート 最近の投稿の内容表示 – ヘアサロン店長の独り言♂
ピンバック: BLOGEERクラシックテンプレート 最近のコメント取り出し３ – ヘアサロン店長の独り言♂
ピンバック: BLOGEERクラシックテンプレート 最近のコメント取り出し２ – ヘアサロン店長の独り言♂