Como hacer una nube de tags o etiquetas en Blogger

Basado el código que encontre en phydeaux3, hice algunas modificaciones para que la colocación del código sea más sencilla. También hice esta herramienta llamada Nube de tags para blogger para personalizar el código.

Pasos para colocar el código en blogger

  1. Ir a la Plantilla y entrar en Edición de HTML.
  2. Dejar el check de Expandir plantillas de artilugios desmarcado y ubicar la línea <b:widget id=’Label1′ locked=’false’ title=’Labels’ type=’Label’/>.
  3. Reemplazar dicha línea por un código especial, el cual debes generar con la herramienta Nube de tags para blogger, que creé para facilitarles las cosas.
  4. Guardar los cambios en la plantilla.

Observaciones

Para que el código funcione tienes que haber agregado previamente un elemento de página del tipo Etiquetas y tener varias etiquetas en algunos posts.
Si no encuentras la línea <b:widget id=’Label1‘ locked=’false’ title=’Labels‘ type=’Label’/>, ten en cuenta que Label1 y Labels pueden variar, pero igual será la línea correcta. Si estas buscando con Ctrl+F podrías buscar type=’Label’/>.
Cualquier duda, la resolveremos en los comentarios.

Blogalaxia Tags:
Technorati Tags:

43 comments

  1. Hola, deseo agradecerte por la claridad, versatilidad y fenomenal ayuda de este tutorial. Excelente!!!

    Lo he buscado en muchos sitios y el 99% son bastantes confusos a la hora de explicar como hacer una Nube de tags para Blogger.

    En realidad por cuestiones de gusto le he realizado unos cambios en la estructura del código, pero aún así, estoy teniendo un pequeño inconveniente, cual es que, aun habiendo justificado la alineación del texto, la primer etiqueta me sale con una letra menos, “Actualidad”, me sale o se ve así: “ctualidad”, lo podés apreciar aquí: Bloghotpoint

    ¿será que esto tiene alguna solución?

    Muchísimas gracias por tu gran aporte!!!

  2. hola amigo de tensaiweb soy pako y me gustaria intercambiar el link de nuestras webs. a ver que te parece un saludo y muy buena pagina la tuya.
    hasta otra

  3. Muchas Gracias. Me ha resultado muy útil. Y teniendo en cuenta mi torpeza natural con estas cuestiones… lo he conseguido sacar a la primera. Así que está claro que lo has explicado muy bien.

    Un saludo

    Manuel

  4. Hola! He intentado varias veces poner la nube de tags en mi blog siguiendo tus instrucciones, pero siempre me sale el mismo error: “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 element type “b:section” must be terminated by the matching end-tag “.

    He intentado buscar la solución pero no la encuentro.

  5. Muchas gracias por tu tutorial durante meses me rompi la cabeza buscando algo util para conseguir lo que yo queria y gracias a ti lo hice, espero que no te importe que pusiera un link directo a tu tutorial. Gracias

  6. Hola, intento pegar el código, sustituyo la línea que decis, le doy a guardar plantilla y solo me deja la definicion, con lo cual en mi blog solo aparece el titlre que le he puesto

  7. Patri, go24, presten atención, NO EXPANDIR LOS ARTILUGIOS, ese es uno de los problemas, el segundo problema, es que el original de las etiquetas, debe estar titulado igual que el código “Labels” (cuando agregan las etiquetas en elementos de la página, caso contrario no te lo tomará, es como si se generara un bucle, no se porque.

    Recien lo incorporo, pero de seguro le servirá para los próximos que peguen este código.

    Muchas gracias a este blog

  8. Gracias amigo siempre habia querido hacer esto en mi blog, sólo tengo una duda, ¿como hacer para que las tags aparezcan desordenadas y no en columna como me salieron en mi página?, es que he visto este efecto en otras páginas y me gusta como se ve, hechat una vuelta en mi blog y verás de lo que hablo.

  9. necesito saber como cambio el color de los tags ya que no se ven el blog por ser de color blanco y el blog tiene fondo gris

    desde ya muchas gracias

  10. @tika: en el color minimo puedes poner otro color, por ejemplo rojo(#FF0000) o el que quieras. Esto lo haces en la herramienta antes de pegar el codigo.

  11. Hola, será que me puedes ayudar explicandome como se hace si mi blog esta alojado en un servidor externo a blogger y no me permite manejar “artilujos”…

    gracias

  12. Hola, tengo un problemilla y es que creo la nube de etiquetas correctamente, o eso creo, pero me aparecen todas las etiquetas con el mismo tamaño. Le he puesto a la que tiene menos entradas el tamaño de 8 de fuente y 20 como máximo.

    Un saludo

  13. Hola compañeros, he visto que ahora en algunas paginas tienen la nube de tags pero en forma de esfera tridimensional, es muy buenazo, como se puede lograr eso???, saludos

  14. Hola! La verdad que el widget está buenisimo, ya lo puse en mi pagina (www.comunidadsalsa.com.ar) pero tengo un problemita. Una de mis etiquetas tiene un caracter especial, la apertura del signo de interrogación “¿”, y en la nube de etiquetas aparece cambiado por otra cosa. ¿Como lo puedo corregir?

  15. Hola, gracias por el tutorial, me salió muy bien, pero. quisiera saber si se puede hacer lo siguiente:
    Yo tengo Blogger, pero he visto que en blogs de WordPress, además de la Nube de Tags tienen Categorías, y eso es lo que quisiera yo, ya que al modificar esa línea para dwejar la Nube de Tags ya no tengo las Categorías que tenía, y si pongo otro Gadget de Etiquetas me aparecen todos los tags como categorías, y eso no es lo que quisiera. Me explico? Por ejemplo quisiera tener las cateforias:
    -Películas
    -Series
    -Wallpapers, etc

    y por otro lado la nube de tags que contenga:
    Orgullo y Prejuicio, Keira, Película, 2005 (los tags)

    Por favor si sabes comot e agradecería!!

  16. Hola! sabes no encuentro ninguna linea de labels aunque si varias lineas que empiezan con con “<b:widget id.." que hago? GRACIAS

  17. Hola! Yo otra vez. Pero esta vez la consulta es diferente. Como habras visto, en mi otro blog pude hacer la nube de tags sin problemas. Pero en este otro no. Y me imagino que fue porque tengoi demasiados tags o etiquetas,al rededor de 114. Porque esa es la diferencia que tengo con el otro blog, donde son menos de 10. Pero no se. Quiza puedas ayudarme ya que en el otro em quedo tan lindo que me gustaria poder hacerlo en este que es el blog al que le dedico mas tiempo y que gusta mas a la gente. Saludos y gracias!!

  18. También otra diferencia es que en este tengo una Nubve de Tags que hice con una serie de codigos que encontre por ahi, y ademas algunas etiquetas que esta aparte en forma de Categorias, asique el codigo HTML de este blog, tambien difiere del otro en eso.

  19. YO QUIERO SABER ¿COMO PONER UN CUADRO PARA EL ENVIO DE FOTOS DESDE MI BLOG? SI ALGUIEN SABE CUAL ES EL CODIGO O UNA PAGINA POR FAVOR Q ME LO AGA SABER, GRACIAS!!

  20. 😆 😀 ME GUSTARIA QUE ALGUIEN ME AYUDARA A DISEÑAR UN LOGO PARA UN TELEMARKETING. SOY YESSIE GRACIAS

  21. Muy buen post quisiera saber si los tags te ayudan al posicionamiento del blog , y tambien si quisieras intercambiar enlaces saludos

  22. Hola muchas gracias la verdad q me funciono muy bien la verdad q muy claro el tutorial, solo tengo una pregunta ay forma de cambiarle el titulo de ¨Label Cloud¨por algo como categorias o articulos desde yaa muchisimas gracias.
    pdta si quieren ver como quedo visiten mi blog http://thealmightys.blogspot.com/ saludos 😛

Leave a Reply

Your email address will not be published. Required fields are marked *