Blog "最近のコメント" "Feeds" コメント表示

　"ガジェットを追加" 一覧には"最近のコメント"を追加できる機能がBloggerにはありません。しかし、ソースコードを書き込まなくても表示出来る方法があります。

• 最近のコメントを表示させる方法

1. ダッシュボード - レイアウト - ガジェットを追加
2. フィード を追加してください。
3. フィードURL に 
   http://○○○○.blogspot.com/feeds/comments/summary を追加してください。
   ○○○○ は自分のサイトURLを貼り付けてください。
   
   このブログFeedURL
   http://redrocketblogger.blogspot.com/feeds/comments/summary
   追加してください。
   
   
4. 追加されると下のような画像の状態になります。
   
   
   タイトルと表示設定をすれば、最近のコメントが表示されるようになります。
   最大で５件表示できます。 
    
   
5. How to Setup Your Recent Posts and Recent Comments Blogger Page Elements

• Bloggerに最新のコメントを10件表示する

1. ダッシュボード - レイアウト - ガジェットを追加
2. HTML/JavaScript
   
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,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://○○○○/feeds/comments/summary?alt
   =json-in-script&callback=recent_comment_callback&max-results=10"></script>
   
   
   
4. http://○○○○.blogspot.com/feeds/comments/summary
   ○○○○ は自分のサイトURLを貼り付けてください。
   
   
5. Bloggerに最新のコメントを10件表示する - 360といっしょ。