Subscribe:

domingo, 6 de marzo de 2011

Nube de etiquetas en flash

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(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</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=&quot;#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.
Yo le coloqué un color verde, acorde a mi blog, y así da la sensación de transparente. En realidad es el fondo y la columna del mismo color.

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. 

Publicidad por tu blog con Boosterblog

0 comentarios:

Publicar un comentario en la entrada