Vai all'Home Page

Label-Cloud o Etichette


 

 

ENGLISH VERSION: Here the procedure in order to create Our “Label Claud” or Our “Labels” “in a column of the Blog of “Blogger”. First of all We must have this “widget”, already in the place in we wish which it. thus all the procedure will be easier, therefore: to go on PERSONALIZES, then on FORMULATIONS therefore on MODIFICATION HTML does not have here “to click” expands the models widgets, us of is not need. We go to try instead this small code:  To understand well we divide in 3 phases and 3 codes you must copy/paste into Html template. The first code you must copy/paste before that one: ]]></b:skin> The 2nd code copy/past  before </head> . Well. Now the last part: Scroll down your html templat and when You find that code <b:widget id='Label1' locked='false' title='Labels' type='Label'/>   You'll delete and sobstitute with the last 3rd code below; Save:  Done! Now You can only customise with the text in the colurs colours of Text of labels or its largenesse. That's all!

VERSIONE ITALIANA

Ecco la procedura per creare la Nostra "Label Claud" o le Nostre "Etichette"  "in una colonna dei Blog di 'Blogger'. Innanzitututto bisogna avere questo 'widget', già nel posto in cui lo desideriamo. così tutta la procedura sarà più facile, quindi:  andare su PERSONALIZZA , poi su IMPOSTAZIONI quindi su MODIFICA HTML qui non dobbiamo 'spuntare' espandi i modelli widgets, non ce n'è bisogno. Andiamo a cercare invece questo piccolo codice:
]]></b:skin> Prima bisogna incollare e copiare il 1° codice qui sotto

/* 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}                              
Fine prima parte; ora ecco la 2° seconda, DOPO]]></b:skin> ma PRIMA che finisce la sezione Head cioè prima di questo codice qui sezione </head>bisogna copiare e incollare quest'altro codice colorato
Eccolo:        <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>
Finito il secondo punto andiamo al terzo ed ultimo: andiamo a cercare questo codice colorato in :
Eccolo <b:widget id='Label1' locked='false' title='Labels' type='Label'/> e lo SOSTITUIREMO con questo codice colorato di seguito Start Code:                                                                                                                      <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>e
    </b:loop>
    </ul>
</noscript>
    <b:include name='quickedit'/>
  </div>

</b:includable>
</b:widget>                                                  END CODE
Abbiamo finito ora cliccate su ANTEPRIMA e se la cosa Vi piace cliccate su SALVA . Il consiglio che posso dare è che se se la Tag Claud appare nel posto desiderato conviene SALVARE e personalizzare (colore, grandezza e frequenza delle etichette), o 'customizzare'  in un secondo momento. Infatti se torniamo a dare un occhiata nella seconda parte troveremo questo codice  var claudMin=1 che indica il numero minimo di volte un'etichetta deve essere menzionata nel Blog per apparire nella Tag Claud, inoltre avremo atrri codici che servono per indicare la grandezza ( in pixels) e il colore delle etichette (nel formato RGB) , sempre nella seconda parte e sono questi:       var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;                                                                                                                       giocando con questi numeri-in pixels- potremo ingrandire o rimpicciolire la grandezza massima delle etichette ( maxFontSize) o la grandezza minima (minFontSize) inoltre potremo cambiare il colore (espresso nel formatoRGB) che potete trovare in questa pagina e che, per forza di cose ognuno dovrà personalizzare a secondo del tipo di sfondo che usa o di che tipo di colore che usa per il testo, i links, ecc...                                                           . PER I MENO ESPERTI, ATTENZIONE: come più volte ripetuto in queste pagina quando copiate/incollate i codici cercate di non tralasciare nulla, infatti anche il minimo segno come una virgola e tralasciato o copiato in modo errato può portare all'insuccesso dell'operazione.