Acceder:
Basado en Elgg

moises :: Blog :: Nube de etiquetas Label cloud/ tag cloud

abril 27, 2007

http://rincondemdc.blogspot.com/2007/04/nube-de-etiquetas-label-cloud-t

Para que nuestras etiquetas en blogger beta den una idea con un simple vistazo de lo que más se despacha en tu blog tenemos un servicio llamado tag cloud (nube de etiquetas)
Para colocar una nube de etiquetas en nuestro blog de blogger hemos de hacer lo siguiente.

1º. Plantilla-Edición HTML. No expandir la plantilla de artilugios.

2º. Buscamos con la ayuda de CONTROL+F la etiqueta ]]></b:skin>.

y copiamos/pegamos el siguiente código justo antes:

/* 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}






3º. Ahora entre ]]></b:skin> y </head> copiamos/pegamos este código:

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



OJO en YOURBLOG ponemos el nombre de nuestro blog

4º. Ahora buscamos este código (+ o -) (con CTRL+F).

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


este código se ha de borrar y en su lugar copiar el siguiente:


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




5º. Por último guardamos y nos vamos a plantilla-añadir elementos. Añadimos el elemento etiquetas y lo colocamos en nuestra plantilla en donde querramos.
Para tener más y mejor información sobre cómo colocar una nube de etiquetas en este enlace nos lo explican: http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html

Saludos y suerte

Palabras clave: rincondemdc

Enviado por moises


Comentarios

  1. Nota: este mensaje es un truco para el blog original de Moisés en Bloglines, que ha importado en nuestra red social. Por lo tanto, no tiene nada que ver los blogs creados directamente en esta red social y no puede ser aplicado a los mismos, tenedlo en cuenta.

    user iconDavid Delgado on lunes, 14 mayo 2007, 02:03 CEST # |

  2. [URL=http://www.prencitti.cn/cam-registrazione] cam registrazione [/URL] cam registrazione [URL=http://www.prencitti.cn/tel-aviv-cose-fare] tel aviv cose fare [/URL] tel aviv cose fare

    Invitado on lunes, 26 mayo 2008, 21:31 CEST # |

Debes iniciar sesión para enviar un comentario.