Pubblicato il 22/05/16 - aggiornato il  | 7 commenti :

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




7 commenti :

  1. Questo commento è stato eliminato dall'autore.

    RispondiElimina
    Risposte
    1. Ciao e grazie, sempre e per sempre, per le tue chicche e le dritte. Ho avuto anche io problemi col widget dei commenti da che il mio blog è passato a connessione protetta.
      Vorrei provare a reinserire il widget degli ultimi commenti, ma con immagini avatar rotonde (non ruotanti ma statiche). Come posso fare? Ho ripescato il tuo vecchio post del 2014 e ingenuamente ho provato a inserirlo nuovamente aggiungendo la "s" finale all'http. Nulla di fatto.
      Dritte?
      Grazie ancora ;)

      Elimina
    2. Non so quale widget tu hai usato ma puoi incollare il codice di questo post
      http://www.ideepercomputeredinternet.com/2014/12/commenti-avatar-circolare-blogger-widget.html
      con al posto di
      http://www.ideepercomputeredinternet.com
      il dominio del tuo sito
      https://nonsolorollingstones.blogspot.com
      Viene un risultato come questo
      https://i.imgur.com/KuJ71Vt.jpg

      @#

      Elimina
    3. Grazie mille. Domani lo provo e ti saprò dire. Ps. c'è modo di modificare l'avatar di chi scrive da non loggato? Per ora compare l'immagine di default che mi garba poco :/
      Grazie ancora, sei preziosissimo :)

      Elimina
    4. Certo. Basta che tu sostituisca l'URL di default dell'avatar
      https://lh4.googleusercontent.com/-d8sFfc8eZoA/T8OGeWC33nI/AAAAAAAAYZA/OseLBU2FwI8/s80/avatar.png
      con un altro a tua scelta sempre di 80x80 pixel in PNG per non sballare le dimensioni del widget
      @#

      Elimina
    5. Fatto tutto. Ho modificato qualche codice e per ora ci sono. Grazie mille, con la tua guida riesco a cavarmela bene e mi riesce tutto. Senza, sono una completa imbranata e regredisco all'età della pietra.
      Ps. approfitto per farti una domanda ulteriore, di cui temo di conoscere già la risposta: esiste un widget che mostri i blog che seguiamo ma che sia modificabile mostrando avatar rotondi statici? Avevo in pagina quello standard di blogspot ma stona un po' con le miniature quadrate nella mia homepage di avatar rotondi.
      Grazie mille per la cortesia e le dritte. Buona giornata

      Elimina
  2. Se esiste non ne sono a conoscenza
    @#

    RispondiElimina

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.