Il widget della nuvola dei Top Commentari reso più compatto.

Widget dei Top Commentatori per Blogger con la possibilità di configurare la dimensione massima e minima dei caratteri dei nickname degli utenti.

Il gadget dei Top Commentatori, vale a dire degli utenti che hanno commentato di più il blog, è uno dei widget presentati in questo  sito che ha avuto maggior successo. Dopo aver pubblicato il gadget dei commentatori che ereditava lo stile dal blog, ne ho proposto anche una seconda versione con la possibilità di scegliere il colore dello sfondo e quello del bordo.

La particolarità di questo gadget è che la dimensione dei caratteri dei nickname è funzione del numero dei commenti. Sono presi in esame gli ultimi 2000 commenti e, chi ne ha postati molti, vede il suo username allargarsi a dismisura. Questo mi consigliò di filtrare i commentatori che avessero superato le 60 unità per mantenere una certa armonia nel widget. Tale decisione fu causa di  fraintendimenti decisamente spiacevoli con utenti che ritenevano di essere stati cancellati ingiustamente.

Ho quindi calibrato meglio i parametri per fare in modo che anche i commentatori più prolifici mantengano una dimensione del loro nickname sufficientemente proporzionata a quella degli altri. Questo nuovo widget dei Top Commentatori mi ha quindi permesso di togliere i filtri a Dieta e Dintorni e Fioredicollina che avevo appunto tolto  per questa ragione. Ho mantenuto il filtro solo per il mio nome:

Per l'installazione non occorre modificare il modello. Basta andare su Layout > Aggiungi un gadget > HTML/Javascript e incollare in Sezioni del sito il seguente codice

<div style="text-align:justify;line-height:1.2;">
<script type="text/javascript">
function cCloud(feed) {
max = 0;
min = 10000; 
for (i=0;i<feed.count;i++)
{
ccCount = feed.value.items[i].commentcount * 1;
if (ccCount > max)
{
max = ccCount;
}
if (ccCount < min)
{
min = ccCount;
}
}
ccCountD = "";
display = "";
for (j=0;j<feed.count;j++)
{
ccdiff = feed.value.items[j].commentcount - min;
ccFontsize = 82 + (ccdiff * 38) / (max - min) + "%";
ccUrl = "'" + feed.value.items[j].authorurl + "'";
ccCountD = "(" + feed.value.items[j].commentcount + ")";//comment count
ccName = feed.value.items[j].title + ccCountD;
ccLName = "<a style='font-size:" + ccFontsize + "' href=" + ccUrl + " target='_blank'>" + ccName + "</a>";//nome commentatore cliccabile
display = display + ccLName + " ";
}
document.write(display);
document.write('<div style="font-size:70%;text-align:center"><p><a href="http://goo.gl/Agj8S">Install widget</a></div>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?
YourBlogUrl=http://www.ideepercomputeredinternet.com
&Exclusions=Anonymous,Ernesto Tirinnanzi
&ShowHowMany=30&Order=alphabet
&_callback=cCloud
&_id=95f241b8755110489d14c0e32abde281&_render=json"
type="text/javascript"></script>
</div>

Le personalizzazioni riguardano l'inserimento dell'URL del vostro blog senza slash ( / ) finale, i nomi degli utenti dal filtrare separati da una virgola, il numero dei commentatori da visualizzare (30) e il tipo di ordinamento (alphabet o frequency).

Per la stringa alfanumerica colorata di blu bisogna procedere in questo modo:

1. Si accede al Pipe di Yahoo di questo widget
2. Ci si deve loggare con un account Yahoo o crearlo se ancora non si possiede
3. Nella pagina del Pipe si deve cliccare sul pulsante Clone.
4. Un Pipe identico a quello creato da me andrà a collocarsi nel vostro account
5. Si modificano i 4 campi inserendo i vostri dati e le vostre preferenze che riguardano il tipo di ordinamento, l'URL del blog (senza slash), il numero dei commentatori e i nick da filtrare
6. Si va su Run Pipe. Nella parte sottostante della pagina sarà visualizzato l'elenco dei commentatori

Non resta che copiare l'ID del Pipe direttamente nella pagina, vedi parte dell'URL evidenziato di verde, oppure fare la stessa cosa con la barra degli indirizzi del browser

Tale stringa si sostituisce a quella colorata di blu presente nel codice. In quest'ultimo, come potete vedere, è presente anche la riga

ccFontsize = 82 + (ccdiff * 38) / (max - min) + "%";

che è quella che determina la dimensione dei caratteri in percentuale rispetto a quella di default. I parametri fondamentali sono 82, 38 e (max - min). Il primo parametro (82) possiamo dire che determina la dimensione percentuale del carattere di base nel senso che, se si mette un valore più piccolo, diminuisce la dimensione di tutti i caratteri.

Il secondo valore (38) determina invece il gradiente di accrescimento all'aumentare del numero dei commenti. Se si diminuisce tale numero i caratteri avranno una minore differenza di dimensione.

Coloro che avessero già installato questo widget, volendo possono modificare solo questi valori. Ricordo che nel gadget precedente erano rispettivamente di 80 e 100. Chi avesse installato il gadget con lo sfondo può modificare i numeri colorati in viola della riga

nuvola_dim = 110 + (nuvola_parent * 130) / (max - min) + "%";

ottenendo il risultato di configurare le dimensioni massime e minime del nome degli utenti. Concludo ricordando che line-height:1.2; rappresenta la dimensione delle righe e che quindi può essere aumentata per esempio a 1.3 se si ha la necessità di avere i nickname più distanti verticalmente.