Edit in JSFiddle 


              
<!DOCTYPE>
<html>
  <head>
    <title>Get Comment With Blogger Javascript API</title>
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">
      google.load("gdata", "1.x", { packages : ["blogger"] });
    </script>
    <script type="text/javascript">
      function _run() {
        /* 
        * Retrieve a list of blog post comments
        */
        
        // Obtain a reference to the 'content' div
        var content = document.getElementById('content');
        
        // Create the blogger service object
        var bloggerService =
            new google.gdata.blogger.BloggerService('com.appspot.interactivesampler');
        
        // The feed for a single blog. (In this case, Linus Torvalds' Blog.)
        //
        // The ID included in this URI can be retrieved from the <link rel="me">
        // element in the Blog's HTML source
        var feedUri = 'http://www.threelas.com/feeds/posts/default';
        
        // The callback method used when getBlogPostFeed() returns blog entries
        var handleBlogPostFeed = function(blogPostsFeed) {
          // Display blog's title and clear 'Loading...' message
          content.innerHTML = '<p><strong>Blog:</strong> '
                            + '<a href="'
                            + blogPostsFeed.feed.getLink('alternate').getHref()
                            + '">'
                            + blogPostsFeed.feed.getTitle().getText()
                            + '</a></p>';
        
          var postEntry = new Array(); //this to call posts
          var commentsFeedUri = new Array(); //this to call comments
          for(var i = 0;i<5;i++){
            postEntry[i] = blogPostsFeed.feed.getEntries()[i]; //call posts
            commentsFeedUri[i] = postEntry[i].getRepliesLink().getHref(); //call comments
            bloggerService.getBlogCommentFeed(commentsFeedUri[i], handleCommentFeed, handleError);
          }
          
        };
        
        // The callback method used when getBlogCommentFeed() returns comments
        var handleCommentFeed = function(commentsFeedRoot) {
          var commentEntries = commentsFeedRoot.feed.getEntries();
        
          // Buffer HTML until execution completes
        var html = '<br/><p><strong>Recent Comments:</strong></p>';
          
          if (commentEntries.length > 0) {
            html += '<ul>';
            for(var i = 0, commentEntry; commentEntry = commentEntries[i]; i++) {
              var commentTitle = commentEntry.getTitle().getText();
              var commentLink = commentEntry.getLink('alternate').getHref();
              html += '<li>'
                   + '<a href="' + commentLink + '">'
                   + commentTitle + '</a></li>';
            }
            html += '</ul>';
          } else {
            html += '<p>No comments found for that post.</p>';
          }
          
          // Output buffered HTML and clear 'Loading...' message.
          content.innerHTML += html;
        };
        
        var handleError = function(error) {
          content.innerHTML = '<pre>' + error + '</pre>';
        };
        
        bloggerService.getBlogPostFeed(feedUri, handleBlogPostFeed, handleError);
        
      }
      google.setOnLoadCallback(_run);
    </script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
    <div id="content" style="width:100%;">Loading...</div>
  </body>
</html>