Pubblicato il 22/05/16e aggiornato il

Widget degli Ultimi Commenti per Blogger anche per HTTPS.

Come installare su Blogger il widget dei Commenti Recenti funzionante anche per chi avesse attivato la connessione protetta HTTPS.
Se con il vostro blog di Blogger siete passati a una connessione protetta HTTPS vi sarete accorti che alcuni widget hanno smesso di funzionare. Andando su Impostazioni > Di Base > HTTPS e scegliendo l'opzione si attiverà infatti la connessione sicura che porterà tra l'altro a una modifica dell'URL del vostro blog. Il protocollo HTTPS per il momento potrà essere attivato solo per i blog gratuiti del tipo  http://nomesito.blogspot.com che avranno come nuovo URL https://nomesito.blogspot.com con la aggiunta di una esse nella prima parte dell'indirizzo.

Per questa ragione verranno modificati anche tutti gli indirizzi dei feed. I widget che utilizzano tali indirizzi come quello degli Ultimi Articoli o quello degli Ultimi Commenti è probabile che smetteranno di funzionare. Si può risolvere facilmente spulciando il codice del widget e sostituendovi http con https.

In questo articolo ripropongo anche a titolo di esempio il codice dei Commenti Recenti di Blogger con un elenco personalizzato che abbia una icona prima di ogni elemento

widget-ultimi-commenti

Per la installazione di tale widget non occorre neppure modificare il modello. Si va su Layout > Aggiungi un gadget > Base > HTML/Javascript e, in Sezioni del sito, si incolla questo codice

<script style="text/javascript">
function commentirecenti(json) {
  var numcomments = 6;
  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('<img src="https://lh3.googleusercontent.com/-A9zmBdgNiYc/T5-RPwNMwhI/AAAAAAAAX5c/1nv2SropIiQ/s14/red-check.png"/>' + ' Il ' +  cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' );
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> ha commentato su ');
   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/>');} 
}
</script>
<script src="http://www.ideepercomputeredinternet.com/feeds/comments/default?alt=json-in-script&callback=commentirecenti">
</script>

Si salva e si posiziona il gadget con il trascinamento del mouse per poi andare in alto su Salva disposizione. Le personalizzazioni più importanti riguardano i seguenti elementi:
  1. Il numero dei commenti da mostrare (6 quelli proposti)
  2. Sostituire true con false in showcommentdate per non mostrare la data del commento
  3. Sostituire true con false in showposttitle per non mostrare il titolo del post. C'è da dire che non verrà mostrato proprio il titolo ma la parte personalizzata del Permalink.
  4. Il numero dei caratteri dell'incipit del commento (100 quello proposto nel codice)
  5. L'URL della icona da visualizzare all'inizio dell'elemento che è colorato di viola. Ho proposto una icona di dimensioni 14x11 pixel.
  6. Le parti colorate di blu sono del testo che si può personalizzare senza usare apostrofi.
Un discorso a parte lo merita l'indirizzo del vostro sito da sostituire a quello di questo blog. Se avete attivato la connessione HTTPS non basterà sostituire www.ideepercomputeredinternet.com con nomesito.blogspot.com ma dovrete cambiare anche http con https




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.