Creative Commons Lizenzvertrag

Dienstag, 5. Februar 2013

Blogger Tipp Nr.9 - Letzte Kommentare

Oftmals wurde ich gefragt wie ich die letzten Kommentare in Blogger anzeige. Dis ist ganz einfach. ich habe einfach ein HTML/JavaScript Gadget hinzugefügt und es mit folgendem Quelltext versehen:


   1:  <div class="widget-content popular-posts">
   2:  <ul>
   3:  <script style="text/javascript"> 
   4:  function showrecentcomments(json) {
   5:        for (var i = 0; i < 5; i++) { 
   6:              var entry = json.feed.entry[i]; 
   7:              var ctlink; 
   8:              if (i == json.feed.entry.length) break; 
   9:              for (var k = 0; k < entry.link.length; k++) { 
  10:                   if (entry.link[k].rel == 'alternate') { 
  11:                        ctlink = entry.link[k].href;
  12:                        break; 
  13:                  }
  14:             }
  15:             ctlink = ctlink.replace("#", "#comment-"); 
  16:             var ptlink = ctlink.split("#"); 
  17:             ptlink = ptlink[0]; 
  18:             var txtlink = ptlink.split("/"); 
  19:             txtlink = txtlink[5]; 
  20:             txtlink = txtlink.split(".html"); 
  21:             txtlink = txtlink[0]; 
  22:             var pttitle = txtlink.replace(/-/g," ");
  23:             pttitle = pttitle.link(ptlink);
  24:             if ("content" in entry) { 
  25:                  var comment = entry.content.$t;
  26:             } else if ("summary" in entry) { 
  27:                   var comment = entry.summary.$t;
  28:             } else var comment = ""; 
  29:             var re = /<S[^>]*>/g; 
  30:             comment = comment.replace(re, ""); 
  31:            var authorname=entry.author[0].name.$t;
  32:            document.write('<li>'); 
  33:            document.write('<a href="' + ctlink + '">' + authorname + '</a>'); 
  34:            document.write(' schrieb:' ); 
  35:            document.write('<br/>'); 
  36:            if (comment.length < 100) { 
  37:                document.write(comment);
  38:            } else { 
  39:                comment = comment.substring(0, 100); 
  40:                var quoteEnd = comment.lastIndexOf(" ");
  41:                comment = comment.substring(0, quoteEnd); 
  42:                document.write(comment + '...<a href="' + ctlink + '"> Mehr...</a>'); 
  43:           } 
  44:      } 
  45:      document.write('</li>'); 
  46:      document.write('<div style="font-size:75&percnt;;text-align:center"></div>');
  47:  } </script> 
  48:  <script src="/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"> </script>
  49:  </ul>
  50:  </div>


In der Zeile 5 könnt ihr die Anzahl der ausgegebenen Kommentare verändern. Bei mir werden die angezeigten Kommentare nach max 100 Zeichen abgebrochen und mit ... ergänzt. Wer dies kürzer oder länger braucht muss die in den Zeilen 36 und 39 entsprechend anpassen. Farbanpassungen usw, können durch CSS passieren oder direkt auch in diesem Quelltext und wird von mir hier nicht näher betrachtet.

Kommentare ohne Google+ erstellen:

Marmel powered by Instant Communities