Páginas

Nube de Etiquetas Animada

Hellou readers!!

Hoy viene Maddie con la petición de sthepany que nos dejó en el c-box de como hacer una nube te etiquetas como la que tenemos en nuestro sidebar del lado derecho. El truco no es mio, yo solo lo comparto, abajo dejo los creditos ;)

Nota: Siempre guarda una copia de tu plantilla, no siempre las cosas salen bien a la primera vale? =)

1. Antes de comenzar:

Necesitan tener etiquetas en sus post. También agregar el gadget (Agregar elementos- Buscar la opción Etiquetas (o Tags, en inglés).Esto deben hacerlo previo a colocar esta nube para que pueda "leer" el nuevo código que van a agregar. Al terminar de colocar todo lo que les voy a explicar podrán retirarlo. Igual funcionará la nube en flash.

Bien, Seguimos. Una vez que esto está funcionando trabajamos en la NUBE.

2. Ir a tablero >> diseño >> Edición de HTML

3. Buscar esta partecita de la plantilla (Pueden encontrar haciendo clic en Ctrl + F).


<b:section class='sidebar' id='sidebar' preferred='yes'>



4. Seguimos. Una vez que la encontraron, justito a continuación pegan esta otra parte.

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

<b:includable id='main'>

<b:if cond='data:title'>

<h2><data:title/></h2>

</b:if>

<div class='widget-content'>

<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>

<div id='flashcontent'></div>

<script type='text/javascript'>

var so = new SWFObject("http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf", "tagcloud", "240", "300", "7", "#ffffff");

// uncomment next line to enable transparency

//so.addParam("wmode", "transparent");

so.addVariable("tcolor", "0x333333");

so.addVariable("mode", "tags");

so.addVariable("distr", "true");

so.addVariable("tspeed", "100");

so.addVariable("tagcloud", "<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>");

so.addParam("allowScriptAccess", "always");

so.write("flashcontent");

</script>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>


Si quieren lo pueden pegar en una hoja de Word o de bloc y editan el código según sus necesidades. Es decir: ustedes pueden cambiar el ancho y alto de la nube (que en el código aparece como width="250" height="200" . El color de fondo puede ser blanco (como está predeterminado en este código en la partecita que dice value="#ffffff). Cambien el ffffff por el color de fondo de su columna. El número lo sacan del propio blog, en la sección Colores y fuentes. Nosotras le colocamos el color que trae que es el blanco que es el que trae por defecto. También pueden editar el tamaño de las letras de las etiquetas. Bien, creo que eso es todo. El único problemita de esta nube es que no funciona muy bien en todos los navegadores. Que tal, les gustó?... les fue útil?, espero que si! Que esten bien! **Información gracias a Ferípula


1 valiosísimas opiniones:

Mau_Alex Nos dijo:

Hola.. yo aplique el código y todo eso.. pero no me funcionó ya que no se guarda la plantilla porque dice que hy un error.. es esa la única forma de hacerlo?? qué error podría ser??.. se revisaron todos los pasos.. Gracias!

Publicar un comentario

¡Hola! Bienvenid@ a .:Readers-CLub Blog:.

Déjanos un comentario!! Así nos animas a traerte más cositas útiles!
PD: Exprésate! Pero sin insultos ni ofensas ;D
Atte.
La Administración

Related Posts with Thumbnails

RADIO:3

 


subir imagenesPhotobucket Crónicas del ReinoBlog de Literatura Besos de un angel El Mundo de las Sombras treasure book Besos de un Ángel vampyPhotobucket
Photobucketvampy'Create