Crear nube de etiquetas 3D en Blogger

Una nube de tags o etiquetas es una forma práctica de mostrar a los visitantes las temáticas o categorías que se manejan en el blog con simples palabras claves. En blogger está función se logra mediante una serie de códigos HTML especifica, en cuanto a WordPress esta opción ya viene por default.

1.- Ir al panel de Blogger: Una vez que estés dentro de tu cuenta de Blogger, lo siguiente que tienes que hacer es elegir la categoría de diseño dentro del panel de Blogger y consecutivamente seleccionar la opción de Edición de HTML.

2.- Buscando la sección de la sidebar: Lo siguiente que debemos hacer es buscar el siguiente código:

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

Nota: Puedes pulsar Ctrl + F para poder hacer una búsqueda mucho más rápida.

3.- Agregar el código de la nube 3D: Ahora lo que vamos a hacer es agregar las siguientes líneas de código JUSTO DEBAJO de la que buscamos con anterioridad.

<b:widget id='Label99' 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'>
<object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" >
<param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" />
<param name="bgcolor" value="#ffffff" />
<param name="flashvars" value="tcolor=0x000000&mode=tags&distr=true&tspeed=100&tagcloud=<tags>
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
</tags>" />
<p>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></p>
</object>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
 

4.- Modificando el código: También podemos personalizar algunas partes del código para adaptarlo a nuestro blog, por ejemplo puedes editar width=”250″ height=”200″ para ajustarlo a las especificaciones de la sidebar de tu blog o bien también puedes editar value=”#ffffff” en donde puedes cambiar el color de fondo de la nube de etiquetas.

5.- Agregando la nube de etiquetas: Ahora solo con añadir un gadget (el que corresponde a las etiquetas) en blogger por defecto, ya solo con editar y guardar, estará listo para visualizarse en tu blog.

La nube de etiquetas te debería de quedar similar a esta imagen. ”Gracias a BloggerBuster.com por el código”.

6 COMENTARIOS

  1. Buenos días:
    Podrías ayudarme? tenía una nube de etiquetas en mi blog pero la he borrado, ahora quería añadir la que viene aquí arriba en 3D pero no encuentro en mi plantilla expandida

    dónde está este código? porque en mi plantilla no aparece? Te agradecería muchísmo que me echaras una mano.

    Muchas gracias.

  2. me marca: No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The reference to entity "mode" must end with the ';' delimiter.

  3. Hola. Esta muy clara la explicacion de la nube 3D, pero no encuentro :

    Probe, con expandiendo artilugios, y sin expandirlos.
    Probe creando antes una nube clasica, y sin nube.

    Sabes que puede estar pasando?

    Muchas gracias

Responder a Star Cancelar respuesta

Por favor ingrese su comentario!
Por favor ingrese su nombre aquí