Widget degli Ultimi Commenti per Blogger anche per 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 Sì 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.

Come mostrare in Blogger una barra flottante con gli ultimi post o commenti scorrevoli.

Mi ricordo di aver illustrato qualche mese fa la procedura per installare gli Ultimi Articoli e gli Ultimi Commenti scorrevoli in una barra orizzontale. Vediamo adesso come fare un ulteriore passo e mostrare questo widget in modo flottante tanto da lasciarlo visibile anche quando si scorre la pagina verso il basso. Inoltre sarà inserita una icona di chiusura per dare la possibilità al lettore di nasconderlo nel caso gli desse fastidio.

Il widget può essere installato nel modello scegliendo il punto di visualizzazione o attraverso un gadget HTML/Javascript per posizionarlo nel Layout compresa la sidebar. È inoltre possibile configurare il numero dei post visualizzati, la velocità dello scorrimento e anche il verso di quest'ultimo.

Mostrerò solo come inserire il widget nel modello visto che per utilizzare un gadget basta andare su Layout > Aggiungi un gadget > HTML/Javascript e incollare il codice in Sezioni del sito.

Widget degli Ultimi Commenti con avatar circolari ruotanti.

Mi è strato espressamente richiesto di presentare questo widget dei Commenti Recenti e lo faccio anche se in passato ho già proposto diversi gadget su questo tema perché si tratta di un widget veramente carino e originale. Con questo codice si potranno addirittura nascondere i commenti dell'autore del blog per dare maggiore risalto ai commentatori esterni. Per la sua installazione non occorre modificare il modello ma si incolla semplicemente il codice in un elemento pagina. L'ho testato con Chrome, Firefox e Internet Explorer 10 e non dà assolutamente problemi, anche come velocità di caricamento rispetto ai widget simili.

Accanto ai commenti dei lettori si visualizzeranno i loro avatar in forma circolare e, quando ci si passerà sopra con il mouse, le icone effettueranno un giro di 360 gradi.

Widget degli Ultimi Post e degli Ultimi Commenti usando il gadget dei Feed di Blogger.

In Layout > Aggiungi un gadget della piattaforma Blogger sono presenti molti widget che possono essere utilizzati così come sono ma che possono anche essere piegati alle nostre esigenze. Vediamo come usare il widget dei Feed per creare un gadget degli Ultimi Post e uno degli Ultimi Commenti.

In entrambi i casi si va su Layout > Aggiungi un gadget > Feed.

Nella finestra successiva, dobbiamo semplicemente incollare l'URL i feed dei post del blog oppure quello dei feed dei commenti. Ricordo che sono

Widget dei Commenti Recenti per Blogger inserito in un box personalizzabile.

Ho presentato diversi widget degli Ultimi Commenti o dei Commenti Recenti che dir si voglia. Sono tutti basati su JSon che è una tecnologia applicabile a Blogger fin dal Novembre 2006. La differenza rispetto ai widget precedenti sta nella presentazione grafica che visualizza gli ultimi commenti all'interno di un box invece che essere presentati come semplice elenco.

• Demo del Widget dei Commenti Recenti per Blogger -

Sono possibili molte personalizzazioni riguardo ai colori, dimensioni del testo, bordi, numero dei commenti visualizzati e stile del widget. Ecco un esempio del gadget inserito in una sidebar piuttosto stretta

Il widget degli Ultimi Commenti per Blogger - Nuova versione -

In questa settimana mi sono veramente sbizzarrito nel proporre widget per i Commenti Recenti tutti nell'ottica di evitare di caricare gli script su un hosting esterno che potesse avere delle limitazioni di larghezza di banda o dei problemi di blackout. Anche Google Sites, su cui avevo caricato il Widget di Benvenuto e il Menù Orizzontale ha dato segni di malfunzionamento. Faccio un rapido riepilogo delle versioni degli Ultimi Commenti che ho presentato seguendo questa logica

• Inserire il widget dei commenti recenti senza hosting esterno -
• Il widget degli ultimi commenti direttamente inserito nel modello di Blogger -
• Gadget dei Commenti Recenti (Soluzione Definitiva) -

L'ultima versione in effetti sembra molto affidabile ma ha la particolarità di mostrare i commenti in corsivo. Coloro che volessero usare i caratteri normali possono allora utilizzare il seguente script

<script style="text/javascript">
//Ultimi Commenti by Parsifal32
function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Gen";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="Mag";k_rc[6]="Giu";k_rc[7]="Lug";k_rc[8]="Ago";k_rc[9]="Set";k_rc[10]="Ott";k_rc[11]="Nov";k_rc[12]="Dic";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write(''+j_rc+' '+k_rc[parseInt(i_rc,10)]+': ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> ');if(n_rc==true)document.write(' ha commentato il post '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('&#8220;');document.write(l_rc);document.write('&#8221;<br/><br/>');}else{document.write('&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;');document.write('<br/><br/>');}}document.write('<div style="font-size:50%;text-align:center"><p><a href="http://goo.gl/8XCC">Installa il widget</a></div>');}
</script>
<script style="text/javascript">
var a_rc=6;
var m_rc=true;
var n_rc=true;
var o_rc=100;</script>
<script src="http://www.ideepercomputeredinternet.com/feeds/comments/default?
alt=json-in-script
&callback=showrecentcomments">
</script>

Le personalizzazioni da fare sono evidenziate di rosso e riguardano

1. Il numero dei commenti da mostrare nel widget (6)
2. Il numero dei caratteri del sommario del commento (100)
3. L'URL del blog da sostituire a www.ideepercomputeredinternet.com

Si va su Layout > Aggiungi un gadget > HTML/Javascript e si incolla in Sezione del sito. Si digita il Titolo, si Salva l'elemento pagina e, con il mouse, si posiziona nella zona che riteniamo più idonea.

---

Come inserire il widget dei Commenti Recenti direttamente nel modello di Blogger senza caricare javascript su hosting esterni.

Ho già presentato questo hack poco tempo sugli ultimi commenti ma malauguratamente non riesce a funzionare su tutti i template. Sono corso quindi ai ripari e illustrerò delle validissime alternative che per qualche modello possono anche essere migliori.

Andate su Layout > Modifica HTML e cercate la riga

</head>

quindi, immediatamente sopra, incollate il seguente codice

<!--COMMENTI RECENTI START-->
<script type='text/javascript'> function commentDisplay(json) { for (var i = 0; i &lt; numcomments; i++) { var entry = json.feed.entry[i]; var alturl; if (i == json.feed.entry.length) break; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } alturl = alturl.replace(&quot;#&quot;, &quot;#comment-&quot;); if (entry.content) { comment = entry.content.$t; } else if (entry.summary) { comment = entry.summary.$t; } var re = /&lt;\S[^&gt;]*&gt;/g; comment = comment.replace(re, &quot;&quot;); document.write(&#39;&lt;a href=&quot;&#39; + alturl + &#39;&quot;&gt;&#39; + entry.author[0].name.$t + &#39;&lt;/a&gt; ha commentato:&lt;br/&gt;&#39;); if (comment.length &lt; numchars) document.write(comment + &#39;&lt;br/&gt;&lt;br/&gt;&#39;); else document.write(comment.substring(0, numchars) + &#39;...&lt;br/&gt;&lt;br/&gt;&#39;); } } </script>
<!--COMMENTI RECENTI END-->

Salvate il modello e andate su Layout > Aggiungi un gadget > HTML/Javascript. In Sezioni del sito incollate quest'altro codice

<script language="javascript">
var numcomments = 6;
var numchars = 100;
</script>
<script src="http://parsifal32.blogspot.com/feeds/comments/default?
alt=json-in-script&callback=commentDisplay"></script>
<div style="font-size:50%;text-align:center"><p> <a href="http://goo.gl/5YWY">Installa il widget</a> </p></div>

Dopo aver inserito il titolo cliccate su Salva e posizionatelo dove preferite mediante il drag & drop in Layout > Elementi pagina. Le personalizzazioni da fare riguardano

1. Il numero dei commenti da visualizzare (6)
2. Il numero dei caratteri del sommario (100)
3. L'URL del blog da inserire al posto del mio evidenziato di rosso

Questo widget può essere visto nel blog La Nuova Atlantide. Tutti questi widget derivano dalla funzionalità inserita in Blogger nel 2006 e illustrata da BloggerBuzz che consente di prendere i feed dai blog su Blogger aggiungendo la stringa "alt=json-in-script" e inserendo "callback" con i parametri di ricerca.

Può essere che anche questo widget non funzioni su tutti i modelli ma seguirà a breve un'altra versione.

Come visualizzare con un click gli ultimi 25 articoli e gli ultimi 25 commenti di un blog su Blogger.

In widget degli ultimi articoli e dei commenti recenti servono soprattutto ai visitatori per avere una panoramica dell'attività del blog ma servono anche al suo autore. In questo blog per esempio attualmente vedo gli ultimi sei articoli e gli ultimi sei commenti. Mi servono per esempio

1. Se voglio modificare un post recente in modo rapido attraverso l'icona modifica rapida di Blogger
2. Se voglio rispondere agli ultimi commenti visto che posso visualizzarne gli ultimi sei.

Può però accadere che

1. Si ha la necessità di accedere ad un post, recente sì, ma non così nuovo da essere compreso nell'elenco degli ultimi sei
2. I commenti che si sono ricevuti dall'ultima volta che si aperto il sito sono in numero superiore a quello previsto nel widget degli ultimi commenti.

In questo caso, per gli utenti di Blogger, esiste un modo per consultare gli ultimi 25 post e gli ultimi 25 commenti del nostro blog con un semplice click sfruttandone i feed. Quelli degli ultimi articoli e degli ultimi commenti di un blog su Blogger hanno infatti il seguente URL

http://parsifal32.blogspot.com/feeds/posts/default - Ultimi articoli

http://parsifal32.blogspot.com/feeds/comments/default - Ultimi Commenti

dove ovviamente al posto di parsifal32 dovrà essere inserito un altro nome di blog. Da notare che con questo metodo si può consultare l'attività recente di qualsiasi blog su Blogger di cui se ne conosca l'URL; questo senza bisogno di abbonarsi ai feed dei post o dei commenti.

Può essere utile inserire questi link anche in Homepage per consultare con un click sia gli ultimi 25 articoli pubblicati che gli ultimi 25 commenti ricevuti. E' una cosa che mi è venuta in mente ieri sera, visto che erano di gran lunga stati superati i 6 commenti visibili nel widget e volevo rispondere a tutti.

Per avere questa panoramica complessiva e per metterla a disposizione dei navigatori basta andare in Layout > Aggiungi un gadget > HTML/Javascript > Scegliere la modalità RFT > Inserire il testo che si vuole appaia nell'elemento pagina > Immettere il collegamento > Digitare il Titolo del gadget

Volendo si può inserire anche il nofollow ai collegamenti inseriti, cliccando su Modifica HTML. Questo perché lo fa Matt Cutts, ingegnere capo di Google, nel suo blog personale anche se ha dichiarato che non è necessario.

Per inserirlo basta aggiungere questo codice rel="nofollow" dopo l'indirizzo del link

 

Ho inserito anche un <p> e un </p> per distanziare un po' le due scritte. Non resta che cliccare su Salva e posizionare con il mouse l'elemento pagina nel punto desiderato. Si può, dopo il rel="nofollow" inserire anche target="_blank" per far aprire la pagina in un'altra scheda. Avendo questo blog la pubblicità nei feed dei post questa sarà visualizzata anche nella pagina degli ultimi 25 articoli mentre non ci sarà in quella degli ultimi 25 commenti.

Ecco l'aspetto di questo nuovo gadget

Può anche completamente sostituire il widget degli ultimi articoli e degli ultimi commenti per alleggerire la pesantezza della pagina. Non è detto che in seguito non lo faccia veramente.

Ho riadattato il widget degli ultimi commenti per avere lo script nelle mie cartelle.

Nell’articolo dedicato al widget dei commenti recenti ho utilizzato un codice residente in altri server. Nel momento in cui questi smettessero di essere a disposizione per una qualsiasi causa ecco che il widget smetterebbe di funzionare.
Quindi ho deciso di caricare lo script necessario nelle mie cartelle riadattandolo e mantenendo come è ovvio il riferimento a chi il codice lo ha effettivamente creato.
Il nuovo codice è questo

<script style="text/javascript"
src="http://sites.google.com/site/ideepercomputeredinternet/script-1/ultimi-commenti.js">
</script><script style="text/javascript">
var a_rc=5;
var m_rc=true;
var n_rc=true;
var o_rc=100;</script>
<script src="http://www.ideepercomputeredinternet.com/feeds/comments/default?
alt=json-in-script
&callback=showrecentcomments">
</script>

dove “5” scritto in rosso rappresenta il numero dei commenti che possono essere visualizzati in homepage. Mentre l’URL, sempre scritto in rosso deve ovviamente essere cambiato nel caso che il widget fosse installato in un altro blog.
Per inserirlo in un blog su Blogger basta andare in Layout>Aggiungi in gadget>HTML/Javascript, copiare il codice nel corpo della finestra mentre come titolo inserire “Ultimi commenti”, “Commenti Recenti” o un’espressione analoga.

Ho visto chi ha inserito il titolo “Ultime cazzate sparate da queste parti”, certo dipende molto dal genere di blog che uno amministra.
La stringa var o_rc=100; rappresenta il numero di caratteri che si vedono per ogni commento, in questo caso 100. Questo numero può essere ovviamente modificato.
Aggiornamento: Questo widget in alcuni modelli potrebbe non funzionare. L'ho testato su uno dei nuovi generati con il Designer Blogger e non dà problemi di sorta. Nel caso aveste dei problemi, consultate l'articolo sui commenti recenti. Stranamente il widget ha delle difficoltà se si aumenta il numero dei commenti da visualizzare.