Il widget dei Commenti Recenti per Blogger - Soluzione definitiva -

La difficoltà di inserire i widget dei commenti recenti sta nel fatto che si utilizzano i feed di Blogger inseriti in delle notazioni "Json" che interferiscono tra di loro. I problemi di inserimento di questo widget dipendono dal fatto che prima di inserirlo bisogna eliminare quello che già abbiamo e che con ragionevole certezza sfrutta lo stesso meccanismo. Adesso ho creato uno script veramente carino; non l'ho fatto di sana pianta perché le mie modeste conoscenze di Javascript non me lo consentono ma, partendo da uno script di Review of Web, ho

1. Cambiato lo stile della data mettendo il numero prima del mese
2. Tradotto i termini inglesi in italiano
3. Unificato gli script da inserire in un elemento HTML/Javascript senza toccare il modello

Prima di procedere all'installazione di questo widget dovete

1. Fare il backup del modello
2. Eliminare il widget degli ultimi commenti se ne avete uno già inserito nel blog. Prima copiate in un file di testo il codice dell'elemento che togliete per una eventuale reinstallazione

Andate in Layout > Aggiungi un gadget > HTM/Javascript e, in Sezioni del sito, incollate il codice 

<script style="text/javascript">
function showrecentcomments(json) {
  var numcomments = 5;
  var showcommentdate = true;
  var showposttitle = true;
  var numchars = 100;
for (var i = 0; i < numcomments; i++) {
    var entry = json.feed.entry[i];
    var alturl;
    if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        alturl = entry.link[k].href;
        break;
      }
    }
   alturl = alturl.replace("#", "#");
   var postlink = alturl.split("#");
   postlink = postlink[0];
   var linktext = postlink.split("/");
   linktext = linktext[5];
   linktext = linktext.split(".html");
   linktext = linktext[0];
   var posttitle = linktext.replace(/-/g," ");
   posttitle = posttitle.link(postlink);
   var commentdate = entry.published.$t;
   var cdyear = commentdate.substring(0,4);
   var cdmonth = commentdate.substring(5,7);
   var cdday = commentdate.substring(8,10);
   var monthnames = new Array();
   monthnames[1] = "Gen";
   monthnames[2] = "Feb";
   monthnames[3] = "Mar";
   monthnames[4] = "Apr";
   monthnames[5] = "Mag";
   monthnames[6] = "Giu";
   monthnames[7] = "Lug";
   monthnames[8] = "Ago";
   monthnames[9] = "Set";
   monthnames[10] = "Ott";
   monthnames[11] = "Nov";
   monthnames[12] = "Dic";
   if ("content" in entry) {
     var comment = entry.content.$t;}
   else
   if ("summary" in entry) {
     var comment = entry.summary.$t;}
   else var comment = "";
var re = /<\S[^>]*>/g;
   comment = comment.replace(re, "");

   if (showcommentdate == true) document.write('Il ' +  cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' );
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> ha commentato il post');
   if (showposttitle == true) document.write(' '+'"' +posttitle+'"'+':'+' ');


if (comment.length < numchars) {
document.write('<i>');
         document.write(comment);
document.write('</i>');}
   else
        {
document.write('<i>');
         comment = comment.substring(0, numchars);
         var quoteEnd = comment.lastIndexOf(" ");
         comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + alturl + '">(leggi tutto)</a>');
document.write('</i>');}
document.write('<br/>');
  }


document.write('<div style="font-size:70%;text-align:center"><p><a href="http://goo.gl/WAyj7">Install widget</a></div>');}
</script>
<script src=http://www.ideepercomputeredinternet.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments>
</script>

Le personalizzazioni da fare sono le seguenti

1. In Titolo inserite il nome che volete dare al widget (Es. Ultimi Commenti)
2. var numcomments = 5; rappresenta il numero di commenti da visualizzare
3. var showcommentdate = true; se volete che si veda anche la data, altrimenti sostituite true con false.
4. var showposttitle = true; per mostrare il titolo del post, in caso contrario sostituire true con false.
5. var numchars = 100;  per indicare il numero dei caratteri da visualizzare nel commento. Se il commento supera questa lunghezza sarà mostrato il link "leggi tutto"
6. Inserite l'URL del vostro blog

Chi conosce il Javascript può ovviamente fare anche altre modifiche. Si clicca su Salva e si posiziona l'elemento pagina nella posizione che riteniamo più opportuna

Il widget può essere visto in alto a destra nella pagina del gadget degli ultimi commenti nel mio blog di prova. Come gli altri widget presentati in questi ultimi giorni anche questo non ha bisogno di un file esterno quindi non avrà mai problemi di larghezza di banda e di blackout dell'hosting.
Aggiornamento: Se si clicca sul nickname dell'autore del commento o sul "Leggi Tutto", adesso si apre la pagina proprio nel punto esatto del commento linkato  (un grazie a Mario Alan).