Passa ai contenuti principali

Installazione e configurazione per la Blogger Tag Cloud / Etichette Cloud

Ecco il tanto atteso post su come trasformare le nostre etichette in tag could, in base al numero di posts presenti con quella etichetta il tag diventa più grande e di colore diverso.
Questo codice funziona con gli ormai noti modelli di template blogger che usano xml e non i primi template che usano solo xhtml.




Procediamo, come al solito facciamo un backup, e andiamo in modifica,layout,html, lasciamo i widget cosi come sono cioè non espansi:
Ora il codice è disponibile in 3 parti. Una sezione riguardante il foglio di stile css, una sezione per la configurazione, e poi l'effettiva widget.
1- Nella sezione css riguardante lo stile aggiungiamo il seguente codice, in pratica prima di questo tag
]]></ b:skin>

/* Label Cloud Styles
----------------------------------------------- */
#labelCloud {text-align:center;font-family:arial,sans-serif;}
#labelCloud .label-cloud li{display:inline;background-image:none !important;padding:0 5px;margin:0;vertical-align:baseline !important;border:0 !important;}
#labelCloud ul{list-style-type:none;margin:0 auto;padding:0;}
#labelCloud a img{border:0;display:inline;margin:0 0 0 3px;padding:0}
#labelCloud a{text-decoration:none}
#labelCloud a:hover{text-decoration:underline}
#labelCloud li a{}
#labelCloud .label-cloud {}
#labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}
#labelCloud .label-cloud li:before{content:"" !important}



2- ora prima della chiusura del tag /head inseriamo il seguente codice javascript che contiene:
max sono i colori e la grandezza massima per le etichette più numerose, min per il colore e la grandezza minime delle etichette meno numerose


<script type='text/javascript'>

// Label Cloud User Variables

var cloudMin = 1;

var maxFontSize = 20;

var maxColor = [0,0,255];

var minFontSize = 10;

var minColor = [0,0,0];

var lcShowCount = false;

</script>


3- passiamo all' inserimento del nostro widget, troviamo la seguente riga:


<b:widget id='Label1' locked='false' title='Labels' type='Label'/>



selezioniamo e sostituiamo con il seguente codice:






<b:widget id='Label1' locked='false' title='Label Cloud' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if> <div class='widget-content'>
<div id='labelCloud'/>
<script type='text/javascript'>// Don't change anything past this point -----------------
// Cloud function s() ripped from del.icio.us
function s(a,b,i,x){
if(a&gt;b){
var m=(a-b)/Math.log(x),v=a-Math.floor(Math.log(i)*m)
}
else{
var m=(b-a)/Math.log(x),v=Math.floor(Math.log(i)*m+a)
}
return v
}
var c=[];
var labelCount = new Array();
var ts = new Object;
<b:loop values='data:labels' var='label'>
var theName = &quot;<data:label.name/>&quot;;
ts[theName] = <data:label.count/>;
</b:loop>for (t in ts){
if (!labelCount[ts[t]]){
labelCount[ts[t]] = new Array(ts[t])
}
}
var ta=cloudMin-1;
tz = labelCount.length - cloudMin;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';
for(var t in ts){
if(ts[t] &lt; cloudMin){
continue;
}
for (var i=0;3 &gt; i;i++) {
c[i]=s(minColor[i],maxColor[i],ts[t]-ta,tz)
}
var fs = s(minFontSize,maxFontSize,ts[t]-ta,tz);
li = document.createElement('li');
li.style.fontSize = fs+'px';
li.style.lineHeight = '1';
a = document.createElement('a');
a.title = ts[t]+' Posts in '+t;
a.style.color = 'rgb('+c[0]+','+c[1]+','+c[2]+')';

a.href = '/search/label/'+encodeURIComponent(t);
if (lcShowCount){
span = document.createElement('span');
span.innerHTML = '('+ts[t]+') ';
span.className = 'label-count';
a.appendChild(document.createTextNode(t));
li.appendChild(a);
li.appendChild(span);
}
else {
a.appendChild(document.createTextNode(t));
li.appendChild(a);
}
ul.appendChild(li);
abnk = document.createTextNode(' ');
ul.appendChild(abnk);
}
lc2.appendChild(ul);
</script><noscript>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
</noscript>
<b:include name='quickedit'/>
</div></b:includable>
</b:widget>




ora salvate si dovrebbero vedere le nuvole ti tag delle nostre etichette, per cambiare i valori dei colori edelle grandezze basta andare a ststituire nel codice js del passaggio 2 il valore max dei colori è 255, per la grandezza non esagerate. fatemi sapere a presto..






Commenti

  1. Ciao ragazzo...volevo chiederti un consiglio...come cazzo fai a fare il discorso dei PayPal...?

    so bene il sito e tutto dove devo andare, ma cosa comporta ciò...?

    RispondiElimina
  2. Ciao Elektrojoke!

    Inutile dirti che il tuo blog è un piacere per gli occhi e per la mente di chi, come me, cerca di esplorare, da autodidatta, gli sconfinati meandri dell'html.

    Ordunque ti porgo un paio di domande, spearando che tu abbia tempo e voglia di rispondermi.

    La prima mi porta ad associarmi al precedente commento, ovvero su come diavolo funzionano sti diavolo di paypal. E' sicuro dare il proprio recapito tel ed indirizzo?

    La seconda attiene al mio desiderio di inserire in un blog di futura (e spero prossima) rinascita, sempre su blogger, della doppia sidebar.

    Altre mille domande vorrei farti, ma non voglio abusare della tua sperata pazienza.

    Ciao e Grazie

    RispondiElimina
  3. Ciao Elektrojoke.

    Inutile dirti che il tuo blog è un piacere per la vista e la mente di chi, come me, s'impegna da autodidatta nel tentativo di esplorare i meandri talvolta oscuri e complessi dell'HTML.

    Per tal ragione, sempre sperando che vorrai rispondermi, vorrei porgerti tre domandine.

    La prima è pienamente conforme a quella del commento che mi precede. Ovvero: come diavolo funzionano sti paypal. Nel senso: è sicuro fornire il proprio indirizzo e numero telefonico?

    La seconda domanda attiene alla doppia sidebar. Infatti, mi piacerebbe molto riuscire ad inserirla nella futura (e spero prossima) ri-nascita di un blog condiviso con amici, sempre su piattaforma blogger.

    Terza ed ultima domandina, sperando di non averti finora tediato troppo, attiene al logo nell'indirizzo.
    Questo è stato per me, davvero, un grosso problema in passato in quanto, seguendo (sempre da autodidatta) le varie e vaghe informazioni che son riuscito a trovare sul web, mi imbatto sempre nello stesso dilemma: come diavolo posso inserire nel layout del blog un'immagine che risulta di formato sconosciuto a blogger?
    Spero di essere stato abbastanza chiaro nel mio essere pecoreccio su simili argomenti.

    Ti ringrazio anticipatamente per la pazienza e. mi auguro - per le risposte, laddove vorrai fornirmele; e mi scuso per non avere un indirizzo web da fornirti, magari per venirci a trovare sul web ...poichè, come ti dicevo il blog è in costruzione, per ora, solo mentale. Grazie ancora e ciao.

    RispondiElimina
  4. Ciao anonimo allora per quanto 1-riguarda pay pal è sicurissimo fornire i tuoi dati, però assicurati che sia il sito di paypal,
    2-per la doppia side bar inserirò un post dove indicherò un sito con tanti templete a tre colonne senza dover mettere mani al codice se vuoi ti inserisco io il yemplate.
    3-inserirò anche un post su come mettere il logo nell' indirizzo nella barra di navigazione.

    in favore chiedo solo tanti clik alle publicità..un saluto
    ciao

    RispondiElimina
  5. Non riesco a completare la modifica, poichè nel mio layout html, non c'è il codice che te segnali nel terzo passaggio, ho controllato milioni di volte, ne sono sicuro!!!
    Come posso fare?!?!? Ti prego di darmi una mano, sto impazzendo...puoi rispondere anche a inkispunk[at]gmail[dot]com!!!

    Il mio blog è www.inkiostrando.blogspot.com

    RispondiElimina
  6. ciao! gran bel post!
    una cosa sola..
    a me credo siano usciti i tag in base al numero di 'presenza', quindi i + numerosi all inizio.. non ci sarebbe un modo di metterlo chessò random o cmq magari anche alfabetico come hai fatto te?
    l'ideale per me (e anche graficamente credo)sarebbe una cosa assolutamente casuale..
    c'è modo di modificarlo? grazie

    RispondiElimina
  7. ciao
    ho rifatto la procedura ed ora dovrebbe essere a posto..
    ma rimane cmq il fatto di non essere in ordine alfabetico :|
    qual'è la stringa che lo comanda?
    ciao e grazie ;)

    (tranq ho cambiato nome dan->loz)

    RispondiElimina
  8. ok perfetto!
    c'è la possibilità di modificare per frequenza o alfabetico nell 'aggiungi elementi'
    Ciao e grazie ancora

    RispondiElimina
  9. grazie per questo articolo mi è stato utile

    RispondiElimina
  10. DI NIENTE ANZI VI CHIEDO SCUSA SE ALCUNI POSTS DEL MIO BLOG NON SONO PIù UTILI MA NON HO TANTO TEMPO DA STARE DIETRO..MA QUANDO HO 5 MINUTI MI FA PIACERE SEGNALARE COSE UTILI..UN SALUTO A TUTTI...

    RispondiElimina

Posta un commento

Post popolari in questo blog

Zakalicious - A'signore

ECCO IL TESTO Scendo di casa alla buon’ora ed al balcone stà già la signora. Mi scruta e mi guarda con occhio attento, ma non si è accorta che stò nascondendo un gran cannone nella mano destra, mentre mia madre fa ciao alla finestra. Io non capisco che c’è da guardare se la mia tasca comincia a fumare,perchè? - RIT - A signore de suse sente u profume, d’a’ canne ca me fume!!! A signore de suse! A signore de suse!!! (2 VOL.) A SIGNO’ - A SIGNO’ - MA CE WE DA ME? FA NA BELLA COSE - VI CE TE NE VE’!!! (2 VOL.) ASSOLO MARINA Ma cosa ho fatto per stare nascosto? Quà stò tranquillo solo a ferragosto. Quando la gente è tutta in vacanza me ne sto chiuso nella mia stanza. No dentro casa ci sono i bambini!!! Ma vado fuori e ci stanno i vicini Ma guarda tu cosa mi tocca fare solo che a me non mi sembra illegale, perchè? - RIT - La stessa cosa quando mi ritiro passo felpato tipo clandestino, ma sta signora non dorme mai? Tipo gli sbirri di “Miami Vice”!!! IO son convinto che le qualche giorno

La casa del grande fratello, ecco come vederla con google earth

Nella rete si trovano moltissimi appassionati del Grande Fratello , e molti di loro si chiedono se è possibile vedere tramite Google Earth o con un qualsiasi altro programma, la casa dall’alto! Il programma Google Earth è sufficiente a mostrare dall’alto la casa del reality. La zona in cui si trova la casa Grande Fratello è Cinecittà a Roma, quindi basta inserire la via che si tratta di via tuscolana più o meno al numero mille oppure inserite il nome “Cinecittà” e cercate di trovare ad occhio gli studi televisivi, li usufruendo dello zoom potrete trovare e visionare la casa del gf.

Immagini animate angeli gif animazioni per facebook e google plus

Una lista di immagini gif animate di angeli, da condividere in facebook o google plus.

Belen Rodriguez fa gli auguri di Pasqua su Facebook cosi

Belen Rodriguez rende partecipe degli auguri di buona pasqua anche il suo pancione con una foto pubblicata su facebook E il pancione di Belen Rodriguez si trasforma in un Uovo di pasqua, cosi Belen Rodriguez fa gli auguri a tutti i suoi fan con una foto pubblicata sul suo profilo facebook .

Ricambi mac con video su come smontare i nostri mac

Ebbene si ho cambiato la mia ventola e portato al max la ram del mio macbook pro , ho trovato questi due siti dov'è possibile ordinare e comprare qualsiasi pezzo per i nostri mac di qualsiasi modello http://www.powerbookmedic.com http://www.ifixit.com/ Ricordate anche la guida con le slide passo per passo che avevo segnalato nel post precedente. http://elektrojoke.blogspot.com/2010/02/aprire-smontare-macbook-pro-per.html AGGIORNATO IL  01/04/2010 Ecco un altro sito dove trovare ricambi e informazioni su come tenere cura dei nostri gioielli mac http://www.crucial.com

Zuffle, gioco per cellulari, smartphone e pc di Parole che sfida Ruzzle

Il gioco di parole che ha avuto più successo nell’ultimo periodo è stato senza ombra di dubbio Ruzzle. Ma a lungo andare, forse, giocare sempre allo stesso rompicapo può essere un po’ pesante. Perciò, l’obiettivo del post di oggi è quello di segnalarti Zuffle , gioco di parole che sfida Ruzzle, servendosi di 6 giochi molto popolari. Vediamoli insieme, segnalando brevemente le regole. 1. Trivia: quiz multiple choice con tre domane ed un’unica soluzione corretta. Il punteggio assegnato dipende dal quoziente di difficoltà del quesito e ad ogni errore corrispondono meno 10 punti. 2. Scarabeo: obiettivo del gioco è quello di comporre quante più parole possibili di senso compiuto dalle lettere estratte da un sacchetto. Più la parola è lunga più si guadagnano punti. 3. Nomi, cose, animali e città: a partire da una lettera iniziale, il compito del giocatore è quello di inserire il maggior numero di parole per categoria. 4. 4 Immagini 1 Parola: dopo aver visualizzato le 4 immagini, dovrai

La storia di Daniel Suelo, l’eremita 39enne che da 12 anni vive senza documenti

Con l’articolo di oggi, vi segnalo la storia di Daniel Shellabarger, un uomo proveniente da una famiglia benestante, che ad inizio del 2000 ha deciso di dare una forte sterza alla sua vita. Come? Rifiutando il concetto di denaro: perciò niente più soldi, conto corrente, carte di credito e niente più documenti, carta d’identità, patente, passaporto. Oggi si fa chiamare Daniel Suelo (terra in spagnolo) e vive a Moab, nello Utah, in una caverna larga 5 metri e alta 1,5 dove coltiva legumi e riso. Daniel Suelo ha quindi lasciato l’università e da 12 anni vive come un eremita, mangiano frutta e verdura raccolta dai campi e perfino animali investiti dalle automobili. Indossa vestiti presi dal bidone della spazzatura, si lava al torrente, legge molti libri e si dichiara felicissimo. Lo dicono anche le persone che lo conoscono. Unico suo vizio? Non ha detto “no” alla tecnologia, di cui oggi è forse impossibile fare a meno. Infatti gestisce un blog, Zerocurrency (zero valuta), in cui esalta

Facebook e vip - Checco Zalone lancia il suo clippino "Resto umile World Tour"

Ecco la nuova moda per comunicare con i fans tramite i social network ed in particolare facebook. Checco Zalone presenta la data di Rimini con un clippino stile Vasco Rossi sul profilo facebook : "Questa sera, a Rimini al 105 Stadium: Resto Umile World Tour. In anteprima mondiale, L’Umile video di presentazione di Checco Zalone per gli amici di FB!". Ovviamente Checco Zalone prende spunto e fa riferimento al clippino pubblicato da Vasco Rossi tempo fa su facebook ai suoi fans.

LittleRedBunny, la camgirl più sexy e famosa ​al mondo: per vederla 7 dollari al minuto LE FOTO

LittleRedBunny è il suo nome, ed è diventata una vera star nel mondo del web a luci rosse e nel mondo delle webcam girl . Si esibisce in spettacoli hot davanti una webcam , a milioni di fan sparsi in tutto il mondo e pagano ben 7 dollari al minuto per vedere i suoi spettacoli in webcam .

Sedie ergonomiche da ufficio: le migliori per prezzi e caratteristiche

Sapersi orientare tra le sedie ergonomiche da ufficio è tutt’altro che semplice, visto che sono disponibili sul mercato svariati modelli, differenti per prezzi e caratteristiche. Onde evitare di sbagliare nella scelta del prodotto, occorre tenere presente alcuni suggerimenti: ·        non farsi influenzare dalla prima impressione, dato che la sedia ergonomica da ufficio che può apparirvi di primo acchito più comoda, non è poi detto che lo sia dopo un tot di tempo; ·        presenza imprescindibile del poggia ginocchia; ·        il sedile deve essere inclinabile verso il basso nella parte anteriore; ·        altezza regolabile. Detto delle caratteristiche necessarie, ecco alcuni modelli di sedie ergonomiche da ufficio che ti suggerisco di tenere seriemente in considerazione al momento dell’acquisto. Sedia ergonomica Variér Variable : comodità e versatilità sono i punti di forza di questa sedia ergonomica, particolarmente adatta negli uffici con stanze di grandi