Nube de etiquetas

Para hacer una nube de etiquetas necesitaran tener el windget ETIQUETAS puesto en la plantilla. Para eso vallan a Diseño/Plantilla y luego a Añadir elemento, tambien necesitaran tener como minimo una entrada que le hayan añadido etiquetas.

Echo esto nos vamos a Edicion de HTML y sin expandir los artilugios agregamos antes de ]]> el siguiente codigo:

/* 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 {margin: 0 auto; padding: 0;
list-style-type: none;}
#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}

Luego de agregar el estilo de las etiquetas, nos queda agregar el Script, este lo tendremos que poner despues de ]]>:

<script type='text/javascript'>
// Label Cloud User Variables
var lcBlogURL = 'http://NOMBREdelBLOG.blogspot.com';
var maxFontSize = 20;
var maxColor = [0,0,255];
var minFontSize = 10;
var minColor = [0,0,0];
var lcShowCount = false;
</script>

!IMPORTANTE¡
http://NOMBREdelBLOG.blogspot.com cambienlo por la direccion de su blog.

var maxFontSize = 20;
Tamaño de las letras con mas entradas
var maxColor = [0,0,255];
Color en RGB de las etiquetas con mas entradas
var minFontSize = 10;
Tamaño de las letras con menos entradas
var minColor = [0,0,0];
Color en RGB de las etiquetas con menos entradas
var lcShowCount = false;
Es el numero de entradas al lado de las etiqueta, con false no aparece, con true aparece.

El ultimo paso es expandir artilugios y buscar algo como esto:

<b:widget id="Label1" locked="false" title="Labels" type="Label">
(mas codigos...)
</b:widget>

Tendras que seleccionar desde el principio del widget hasta el final y reemplazarlo por el siguiente codigo:

<b:widget id='Label1' locked='false' title='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 -----------------
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 ta=0
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]) }
}

tz = labelCount.length-1;
lc2 = document.getElementById('labelCloud');
ul = document.createElement('ul');
ul.className = 'label-cloud';

for(var t in ts) {
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 = lcBlogURL+'/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>

Guardan la plantilla y ya tienen su "NUBE DE ETIQUETAS" a estrenar.