jueves, 5 de febrero de 2009

NUBE DE ETIQUETAS


Sigue las indicaciones y tendrás tu nube de etiquetas. Recuerda pulsar CTRL + F para encontrar el codigo en la plantilla de tu blog (Diseño-Edición HTML) * Busca en el código el siguiente texto:
]]></b:skin>

*Pega el código antes de la etiqueta anterior:
/* Estilos de la nube de etiquetas

----------------------------------------------- */

#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}


*Pegamos el siguiente código justo después de la etiqueta que antes hemos buscado ]]></b:skin> y antes de </head>


<script type='text/javascript'>

// Variables de usuario de la nube de etiquetas

var lcBlogURL = 'http://TUBLOG.blogspot.com';

var maxFontSize = 20;

var maxColor = [0,100,140];

var minFontSize = 10;

var minColor = [0,100,150];

var lcShowCount = false;

</script>


¡¡¡¡¡Ojo pon tu URL donde dice TU BLOG!!!!!!!!

*Buscaremos el siguiente texto en nuestro blog:
<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'/>

*Finalmente, reemplazamos la línea seleccionada por el siguiente bloque:
<b:widget id='Label1' locked='false' title='Etiquetas' 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'>



// No cambiar nada -----------------



function s(a,b,i,x){

if(a>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 = "<data:label.name/>";

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


2 comentarios:

rosa dijo...

no entiendo nada de nada

dpto tecnología dijo...

Rosa, dime que no entiendes. No seas como los alumnos.Besitos

Publicar un comentario