Aggiungere l'elenco degli ultimi commenti su Blogger

Il codice per inserire l'elenco degli ultimi commenti è stato inizialmente pensato da Hoctro e poi perfezionato da Ramani di Hackosphere. Successivamente è stato ripreso e riproposto in blog simili a questo in mille modi, spesso senza la citazione degli autori originali (o spesso sbagliandola).

Tra le mille versioni in giro, ne propongo una semplice che non richiede modifiche al template e non ha personalizzazioni tipo immagini o colori particolari, e che ho prelevato dal blog scappadallastanza di laragosta (con un piccolissimo ritocco).

 

Abilitamo i feed del blog

Per far funzionare il tutto dovrete aver abilitato i feed dei commenti del vostro blog, andando in Impostazioni -> Feed sito e controllando che il feed sia su Parziale o Completo (come nell'immagine sotto):

Se volete dei chiarimenti su cosa è un feed, potete leggere questo mio articolo di qualche tempo fa.

 

Inseriamo il nuovo elemento

Dalla bacheca, andate in Layout->Elementi pagina, aggiungete un elemento di tipo HTML/JavaScript, dategli come titolo "Ultimi commenti" o quello che preferite e incollategli il seguente codice:

<script style="text/javascript"> function showrecentcomments(json) { 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("#", "#comment-"); 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); if (cdday.substring(0,1) == "0") cdday = cdday.substring(1,2); var comment = entry.content.$t; var re = /<\S[^>]*>/g; comment = comment.replace(re, ""); if (!standardstyling) document.write('<div class="bbrecpost">'); if (entry.author[0].name.$t == "Anonymous") { document.write('<a href="' + alturl + '">Anonimo</a> '); } else { document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> '); } if (showposttitle == true) document.write(' su ' + posttitle); if (!standardstyling) document.write(' :</div><div class="bbrecpostsum">'); if (standardstyling) document.write(' ha scritto<br/>'); if (comment.length < numchars) { if (standardstyling) document.write('<i>'); document.write(comment); if (standardstyling) document.write('</i>');} else { if (standardstyling) document.write('<i>'); comment = comment.substring(0, numchars); var quoteEnd = comment.lastIndexOf(" "); comment = comment.substring(0, quoteEnd); document.write(comment + ' ...<a href="' + alturl + '">(continua)</a>'); if (standardstyling) document.write('</i>');} if (!standardstyling) document.write('</div>'); document.write('<br/>'); } } </script>

Subito sotto al codice appena inserito, incollate le seguenti righe di codice:

 

<script style="text/javascript">
var numcomments = 10;
var showcommentdate = false;
var showposttitle = true;
var numchars = 30;
var standardstyling = true;
</script>

<script src="http://indirizzodelvostroblog/feeds/comments/default?start-index=1&alt=json-in-script&callback=showrecentcomments">
</script>

 

Personalizzando le parti in rosso nel seguente modo:

• numcomments: numero di commenti da visualizzare
• showcommentdate: può assumere i valori true e false, e se messo a true visualizza la data del commento (io ho preferito non visualizzarla per non fare confusione )
• showposttitle: può assumere i valori true e false, e se messo a true visualizza il titolo del post (utile per capire di cosa stiamo parlando),
• numchars: numero massimo di caratteri del commento da visualizzare (se troppo lungo, apparirà la scritta "Continua")
• standardstyling: può assumere i valori true e false, e permette di impostare uno stile di visualizzazione personalizzato. Così com'è mettendolo a true o false otterrete solo qualche leggero cambiamento, provateli entrambi.
• indirizzodelvostroblog: ovviamente qui mettete l'indirizzo del vostro blog, nel mio caso creareblog.blogspot.com

A questo punto salvate il blog e visualizzatelo per vedere l'elenco degli ultimi commenti.