Widget espandibile degli Ultimi Commenti per Blogger.

Come installare su Blogger il gadget dei Commenti Recenti o Ultimi Commenti con la possibilità di espanderli per visualizzarne il contenuto.

Il gadget dei Commenti Recenti o degli Ultimi Commenti è uno di quelli che non possono mancare nei blog visto che sono di aiuto non solo ai navigatori ma anche all'amministratore per interagire con le domande e le considerazioni dei lettori.

Ho presentato moltissime versioni di questo widget, mi limito a ricordare il gadget dei Commenti Recenti con Miniature Ruotanti e quello con un Elenco a icona. Non esiste un widget ufficiale di Blogger per questa funzionalità ma si può creare utilizzando quello dei Feed per poi personalizzare l'elenco.

Il widget che vado a proporre adesso ha le seguenti caratteristiche

1. Mostra gli ultimi 25 commenti (numero personalizzabile)
2. Presenta un cursore per scorrere tutti i commenti e quindi non occupa uno spazio eccessivo
3. Ha un pulsante per mostrare solo le intestazioni dei commenti o i commenti per intero
4. Ha delle piccole icone per espandere ogni singolo commento
5. È personalizzabile nei colori anche se eredita quelli del nostro sito

Per la sua installazione si va su Layout > Aggiungi un gadget > HTML/Javascript, si digita opzionalmente un titolo e si incolla in Sezioni del sito il seguente codice

<style type="text/css" media="screen">
.intestazione {
  font-size:0.9em;
  border:1px solid #B5B5B5;
  background-color:#F7F7F7;
  padding:4px;
  margin-top:8px;
  margin-bottom:8px;
}
.box-commento {
  margin:0px;
  padding:0px;
  font-size:0.9em;
  height:400px;
  overflow:auto;
}
.commenti {
  background: #F7F7F7;
  padding:3px;
  border-left:1px dashed #191919;
  color: #555;
  font-style: italic;
  padding-top:4px;
  margin-bottom:4px;
}
</style>
<div style="text-align: center" class="intestazione"><input class="comment-button" id="commshowall" type="button" onclick="if (this.value == &#39;Mostra Commenti&#39;) { unfold_all(this); this.value=&#39;Nascondi Commenti&#39;; } else { fold_all(this); this.value=&#39;Mostra Commenti&#39;; }" style="width:13em;font-size:1em;font-family:Verdana,sans" value="Mostra Commenti" /></div>
<div class="box-commento">
<script type="text/javascript" src="https://sites.google.com/site/progettoipcei/progetti/Ultimi-commenti-espandibili.js"></script>
<script type="text/javascript"  src="http://www.ideepercomputeredinternet.com/feeds/posts/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentposts">
</script>
<script type="text/javascript"  src="http://www.ideepercomputeredinternet.com/feeds/comments/default?start-index=1&max-results=999999&alt=json-in-script&callback=showrecentcomments">
</script>
</div>

Si salva e si posiziona a piacere con il mouse. Le personalizzazioni principali riguardano:

1. Chi ha un dominio personalizzato deve scaricare il javascript colorato di viola e caricarlo su un hosting di sua proprietà, sulla cartella Public di DropBox o su Google Code
2. Chi vuole visualizzare un numero diverso di commenti deve ugualmente modificare tale file nella riga var maxcomments=25;
3. Possono essere personalizzati i colori dei bordi e degli sfondi modificando i codici dei colori 
4. È possibile anche modificare lo stile dei bordi (Es: dotted al posto di solid o di dashed)
5. Vengono visualizzati i commenti per intero fino a un massimo di 400px di altezza modificabili
6. È possibile modificare la famiglia di font dei commenti (P.e. Arial al posto di Verdana)
7. Si possono modificare le espressioni visualizzate nella intestazione e nel bottone
8. Va inserito due volte l'URL del vostro blog al posto di quello di questo sito

Ho postato questa demo in un blog di prova