BLOGGERクラシックテンプレート 最近のコメントの取り出し
BLOGGERクラシックテンプレート 最近のコメントの取り出し

BLOGGERクラシックテンプレート 最近のコメントの取り出し

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>

5件のコメント

  1. ピンバック: BLOGEERクラシックテンプレート 最近の投稿の内容表示 – ヘアサロン店長の独り言♂

  2. ピンバック: BLOGEERクラシックテンプレート 最近のコメント取り出し3 – ヘアサロン店長の独り言♂

  3. ピンバック: BLOGEERクラシックテンプレート 最近のコメント取り出し2 – ヘアサロン店長の独り言♂

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください