Pubblicato il 29/08/13e aggiornato il

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
commenti-espandibili-blogger[4]

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
demo-widget




11 commenti :

  1. Grazie come sempre. Nelle dinamiche c'è qualche possibilità di inserire una cosa similare? Grazie

    RispondiElimina
    Risposte
    1. Nelle Dinamiche con il widget Testo si possono inserire gli IFrame come per esempio quello del Like Box di FB o il gadget del canale di Youtube ma per ora niente javascript
      @#

      Elimina
  2. Grazie. Da te chiedo sempre i miracoli. Grazie infinite ;)

    RispondiElimina
  3. Grazie. Da te chiedo sempre i miracoli. Grazie infinite ;)

    RispondiElimina
  4. non mi funziona:( ho copiaincollato esattamente il codice nel wiget.. escludendo la parte con l'url perchè ho inserito il mio blog.. però la casella viene visualizzata ma non apre nessun commento. puoi darmi qualche dritta? grazie

    RispondiElimina
  5. Scusa.. aggiungo che non ho un dominio personalizzato e ho incollato il codice viola insieme a tutto il resto senza fare alcuna attività

    RispondiElimina
    Risposte
    1. Se lasci l'URL di questo blog funziona?
      Se ti funziona allora sbagli a inserire l'URL del tuo sito. L'errore più comune è quello di lasciare l'URL localizzato in italiano cioè con il .it al posto del canonico .com
      La Demo funziona e ho appena incollato il codice in un blog di prova senza problemi quindi ci possono essere solo altre due ipotesi. La prima è che tu abbia copiato male il codice e la seconda è che tu abbia un altro widget nel blog con gli ultimi commenti che è incompatibile con questo
      @#

      Elimina
  6. si hai ragione.. l'errore è mio. innanzitutto non mi ero accorta che il blog avesse l'url sdoppiato .it e .com. non funziona comunque perchè ho modificato il sistema dei commenti orignale del blog ma mi sono addentrata in modifiche troppo personalizzate per le mie scarsissiime competenze e ora mi ritrovo con un sistema che non mi piace e non riesco a tornare indietro. Grazie per la risposta.. appena riesco a sistemare il tutto sicuramente ricaricherò questo widget che mi piace molto.

    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.