English Português

Actualización: Blogger ha incorporado las nubes de tags de forma nativa, así que te recomendamos consultes esa opción, en lugar del proceso siguiente.

Las “Nubes de Etiquetas” son cajas llenas etiquetas o categorías del contenido de nuestro sitio, las palabras más grandes son los temas con mayor información o importancia en nuestro sitio o las que más se visitan y parece que es lo último en la moda en muchos blogs y web.

En el nuevo Blogger existe una manera para que se creen automáticamente después de agregar un poco de código como el desarrollado en phy3blog y que vamos a mostrarte como poner el tuyo.

  1. Entra a tu blog y vamos a la pestaña “Plantilla” (“Diseño” si estas en el escritorio) y después a la opción “Elementos de la página”. En esta pantalla damos clic a la que nos dice “Añadir un elemento de página”.
  2. Te abre una ventana con varias opciones donde buscamos “etiquetas” y clic en “añadir al blog”, nos lleva a una nueva pantalla y dejamos el nombre “Etiquetas” si lo tiene por defecto ,sí tiene otro nombre se lo cambiamos y damos clic en “guardar cambios”.

  3. Ahora da clic en la pestaña “Plantilla” nuevamente y después en la opción “Edición de HTML”.
  4. blogger-edicion-html.gif

  5. Dentro del código busca el siguiente texto:
  6. ]]></b:skin>
  7. Justo antes de ese texto coloca lo siguiente:
  8. /* Estilos de la Nube de Etiquetas */
    #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
    }

    Como puedes ver estos son los estilos CCS que tendrán tu etiquetas y la caja, puedes cambiar los colores, margenes, fuentes, etc.

  9. Volvemos a buscar el texto:
  10. ]]></b:skin>

    Pero esta vez justo después del texto colocamos:

    <script type='text/javascript'>
    // Variables en la Nube sobre el color y tamaño de la fuente
    var cloudMin = 1;
    var maxFontSize = 20;
    var maxColor = [0,0,255];
    var minFontSize = 10;
    var minColor = [0,0,0];
    var lcShowCount = false;
    </script>
  11. Ahora buscamos el texto:
  12. <b:widget id='Label1' locked='false' title='Labels' type='Label'/>

    Una vez que lo encontramos, lo eliminamos y colocamos en su lugar lo 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'>
    
    /* Este es el script que hace posible la nube y no hay necesidad de cambiar nada */
    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 &gt; 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>

Con esto queda ‘instalada’ la Nube de etiquetas y la podemos poner donde queremos desde el panel de “Elementos de la página”.

Escrito por Francisco

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

Comentarios

  1. Baby / Hace 1253 días /

    Muchas gracias por la esplicación. Una duda… ¿se puede cambiar el color de la fuente? Queria ponerlo en alguno que quedara mejor que el azul para mi blog. Gracias de nuevo. :)

    Responder a Baby →
  2. Arnau / Hace 1246 días /

    es verdad, a mi también me gustaría cambiar los colores. ¿cómo lo puedo hacer?

    muchas gracias!

    Responder a Arnau →
  3. Francisco / Hace 1245 días /

    Bien, lo que tienen que hacer es colocar el código de color en la clase CSS de la nube, es decir, donde dice

    #labelCloud .label-count {padding-left:0.2em;font-size:9px;color:#000}

    Sustituyan “#000″ por el código de color que quieran para su nube.

    Espero no tengan problemas, saludos!

    Responder a Francisco →
  4. Arnau / Hace 1238 días /

    y si queremos cambiar el color del texto de dentro de la nube’

    muchas gracias

    Responder a Arnau →
  5. Francisco / Hace 1236 días /

    Tienes razon, eso no cambia el color de texto, bien, el script cambia el color de texto de acuerdo a la cantidad de post de cada categoria y se definen en el mismo script, en una parte pegaste lo siguiente:

    <script type='text/javascript'>
    /*Variables de la nube de etiquetas*/
    var lcBlogURL = 'http://tublog.blogspot.com';
    var cloudMin = 1;
    var maxFontSize = 20;
    var maxColor = [0,0,255];
    var minFontSize = 10;
    var minColor = [0,0,0];
    var lcShowCount = false;
    </script>

    Bien pues ahi esta el color de las categorias menores y la mayores:

    var maxColor = [0,0,255];
    var minColor = [0,0,0];

    tienes que cambiar esos números con el código de color que quieres para las categorias menores y mayores respectivamente.

    Responder a Francisco →
  6. Mariposa / Hace 1225 días /

    ok ok, + o – entiendo esto, pero que pasa si pusimos un theme desde la plantilla clásica, y eno está el módulo de etiquetas… es el mismo procedimiento?? gracias

    Responder a Mariposa →
  7. Francisco / Hace 1224 días /

    Sí estas usando Blogger clásico no puedes implementar la nube de etiquetas por este método, pero me parece que si se puede implementar.

    Responder a Francisco →
  8. Mariposa / Hace 1219 días /

    Hola… no sé si lo pueda implementar porque para empezar no encuentro la etiqueta
    ***/b:skin> ***
    si por ahí sabes cómo puedo ponerla te lo agradecería mucho mucho

    Responder a Mariposa →
  9. Francisco / Hace 1215 días /

    Hola mariposa, vi tus blogs desde tu perfil (por cierto muy interesante el que habla sobre la maternidad) y vi que manejas el nuevo blogger, te recomiendo busques bien porque no se puede omitir en el nuevo blogger y menos en las plantillas que estan por defecto.

    De cualquier forma, en este post te pongo otra altarnativa:

    http://blogyweb.blogspot.com/2007/05/generador-de-nube-de-tags-en-linea.html

    Saludos!

    Responder a Francisco →
  10. fanatico / Hace 1209 días /

    Hola Francisco:

    Muy bueno tu blog.

    Quisiera pedirte tu ayuda en mi blog con respecto a las etiquetas.

    Este es mi blog:

    http://download-fanatico.blogspot.com

    Como ves es un blog de series de tv. Ahora le habilite las etiquetas donde esta la lista de series que subo.

    Pero a parte de eso quisiera subir otras cosas y usar el mismo sistema de etiquetas, pero esta vez solo de lo que incluyo sin mostrar las etiquetas anteriores.

    Mira esta imagen y quedaras claro con lo que te quiero explicar:

    http://aycu21.webshots.com/image/14820/2006122386269725458_rs.jpg

    Si te fijas en la etiqueta prueba se repiten las etiquetas que estan en la de series de tv.

    Como podria yo hacer que en la nueva etiqueta solo quedaran las que quiero incluir eviatndo asi que se repitan con las de series de tv???

    Responder a fanatico →
  11. Francisco / Hace 1209 días /

    Que tal fanatico?

    Creo entendi tu problema, yo también estoy buscando la forma de manipular mejor las etiquetas y hasta ahora sin exito, lo que yo te propondria es que hagas una lista de etiquetas normal (como la que tienes) y para las etiquetas que no son series, crear una lista de links desde el panel con sus nombres y direcciones.

    La desventaja es que no se agregaran automaticamente y no se mostraran la cantidad de post en cada una.

    Lamento no poder ayudarte más.

    Saludos!

    PD: Falta smallville entre las series jeje es broma.

    Responder a Francisco →
  12. Dyoramax / Hace 1126 días /

    Hola,

    me gustaría añadir una lista con los de enlaces a otros blogs que leo, debajo de los widgets de “etiquetas” y “archivo del blog”, pero no se como hacerlo.

    Podéis facilitarme el código? uso el diseño Minyx

    Responder a Dyoramax →
  13. Francisco / Hace 1125 días /

    Hola Dyoramax, puedes hacer eso directamente en tu blog, entrando a “diseño”, de ahí a “elementos de página”, donde quieras que aparezca “añadir elemento” y ahí escoge una lista de enlaces, donde solo metes nombres y direcciones.

    Responder a Francisco →
  14. Cafeymas / Hace 1120 días /

    Hola, estoy tratando de aplicar esto en mi blog, pero me da un error:

    La plantilla que utilizo es la vuestra “blogy pro”, ¿se os ocurre cual puede ser el problema?

    Muchas gracias y perdón por las molestias

    Jesús C.

    Responder a Cafeymas →
  15. Cafeymas / Hace 1120 días /

    No se ha pegado el texto del error, es este:

    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 content of elements must consist of well-formed character data or markup.

    Responder a Cafeymas →
  16. Cafeymas / Hace 1119 días /

    Me contesto a mi mismo; siguiendo los pasos del enlace http://phy3blog.googlepages.com/Beta-Blogger-Label-Cloud.html, si que me ha funcionado. Lo comento por si a alguien también le da error.

    Responder a Cafeymas →
  17. Francisco / Hace 1117 días /

    Hola Cafeymas, no se que pudo haber pasado, creo que le daré un checada y gracias por el aviso.

    Responder a Francisco →
  18. Neo / Hace 1111 días /

    Hola. He colocado la nube de etiquetas lo que pasa es que tengo tantas que se me va llenar demasiado.

    Hay alguna forma de que ponga por ejemplo la de los últimos 50 post por ejemplo o la de los últimos 50 días por ejemplo, no se si me explico.

    Gracias.

    Responder a Neo →
  19. Óscar / Hace 1110 días /

    No me acaba de funcionar :( , me sale el mismo mensaje que a cafeymas, y el vínculo que puso no funciona, en fin, agradecería si sabéis algo!

    Responder a Óscar →
  20. Francisco / Hace 1105 días /

    He reescrito el código y ya esta funcional, un saludo!

    Responder a Francisco →
  21. mjwoman / Hace 1047 días /

    Hola, yo tengo una plantilla con diseño propio, de modo que no puedo aplicar esta explicación a la mía. ¿alguien me puede decir como puedo listar mis etiquetas?

    Responder a mjwoman →
  22. JoX3 / Hace 1042 días /

    Intento poner una plantilla y me dice que tengo error con el Lebel1 q sera? que puedo hacer para solucionarlo??

    Responder a JoX3 →
  23. JoX3 / Hace 1042 días /

    para ser exacto esto es lo que me pone:
    Están a punto de suprimirse los artilugios
    Por favor, confirma que los siguientes artilugios deben borrarse. Se borrará toda la información de configuración de los artilugios.

    * Label1

    Responder a JoX3 →
  24. Fernando / Hace 1011 días /

    !!No entiendo nada!!
    La nube d etiquetas ya la puse con la explicaci{ón q diste, !!solo quiero cambiar el color¡¡
    No entiendo la parte donde dices:

    Tienes que cambiar esos números con el código de color que quieres para las categorias menores y mayores respectivamente.

    N q parte d estos codigos:

    var maxColor = [0,0,255];
    var minColor = [0,0,0];

    Pongo el codigo del color q quiero? n este caso #ffffcc para q asi tenga armonia com mi sitio?
    !!Ojala y contestes¡¡

    Responder a Fernando →
  25. Francisco / Hace 1007 días /

    Fernando, ese código es hexadecimal, en google podrás encontrar varios generadores de colores con ese formato.

    Responder a Francisco →
  26. Philippe / Hace 928 días /

    Muy bueno, funciona sin problemas, muchas gracias y enhorabuena por tu blog.

    Responder a Philippe →
  27. Angel / Hace 882 días /

    Justo lo que buscaba, gracias

    Responder a Angel →
  28. Fonzi / Hace 877 días /

    Me sumo al pedido de Neo.
    Hay alguna forma de limitar la cantidad de etiquetas ?
    Es que tengo tantas ya que mi blog está online hace mas de un año , que me queda una nube de tags larguisima.
    Desde ya gracias…

    Responder a Fonzi →
  29. Farándula / Hace 871 días /

    Hola, he incluido la nube de tags en mi blog y va muy bien, pero me gustaría saber si es posible que todas aparezcan ordenadas alfabéticamente y no en función del número de post (si ven el blog en la barra derecha tengo una nube de tags de delicious con ese diseño, así es como me gustaría que quedaran).

    Fonzi y Neo:

    Una manera de reducir el número de tags es en la variable

    var cloudMin=1

    Indica el número mínimo de elementos (posts) que deben contener las etiquetas a mostrar, si sustituyen por un número mayor es probable que la cantidad de etiquetas se reduzca considerablemente.

    Responder a Farándula →
  30. ivonne / Hace 847 días /

    hola, quisisera que me auxiliaras, lo que pasa es que en mi plantilla no encuentro la palabra ‘label’ asi que no puedo poner la nube de tags…he buscado en varias páginas pero en todas me hablan de esta palabra y no la localizo ni manual ni con el ctrl f…ojalá puedas ayudarme..mi web es http://www.palabrasdarena.blogspot.com

    saludos

    Responder a ivonne →
  31. Farándula / Hace 847 días /

    Ya he arreglado lo mío. Al final era una tontería, tenía seleccionado mostrar etiquetas por frecuencia en el elemento de página en vez de alfabéticamente.

    Responder a Farándula →
  32. yotubemusica / Hace 826 días /

    hola me gustaria cambiar las etiquetas que aparecen el el top de mi blog alguien me podria hechar un cable? gracias de antemano,muy chulo tu blog,;)

    Responder a yotubemusica →
  33. Iosu / Hace 798 días /

    Muy, bien, perfecto, hace tiempo que lo estaba buscando para mi blog. gracias http://iosublog.blogspot.com

    Responder a Iosu →
  34. Luisao / Hace 796 días /

    Eres un genio hermano te lo agradezco ya quedo instalado en mi web saludos

    Responder a Luisao →
  35. Vindex / Hace 746 días /

    A mi nunca me salió eso de “Añadir un elemento de página” que dices :( , ¿tengo que cambiar algo en Blogger para que me salga eso?, es que me estoy iniciando y se practicamente nada sobre esto casi; y es el único ‘botón’ que no veo (“Añadir…”). Ayuda por favor! T_T. Gracias

    Responder a Vindex →
  36. Vindex / Hace 746 días /

    “Gracias” a que no me sale eso de “Añadir un elemento de página” no puedo agregar widgets, y quisiera saber por qué es esto?. ¿Debería contactar al staff o servicio de ayuda de Blogger?

    Responder a Vindex →
  37. Vindex / Hace 746 días /

    Bueno la última consulta por ahora, que ya debo molestar y me disculpo por eso, pero es el precio de la ignorancia en algo nuevo, como en mi caso con el tema de agregar widgets en Blogger…
    Fuí Flogger hace mucho, y me saltó la pregunta de si no será Blogger como un fotolog?, me refiero a que en este (flog) uno debía llegar a cierta cantidad de posteos para así poder personalizar su espacio, como agregarle efectos al título del flog y alguna que otra cosa. ¿Podrá ser así?, que no tengo idea. Graciass y adiós!

    Responder a Vindex →
  38. thecatnegro / Hace 743 días /

    qued perfecta en mi blog gracias por el aporte te felicito

    Responder a thecatnegro →
  39. Rodolfo / Hace 726 días /

    Muchas gracias !!

    Responder a Rodolfo →
  40. Vindex / Hace 719 días /

    Cita de Francisco: “Bien pues ahi esta el color de las categorias menores y la mayores:

    var maxColor = [0,0,255];
    var minColor = [0,0,0];”

    ¿Alguna forma de saber los códigos del o los colores que deseemos?, porque quiero cambiarselos a la nube de etiquetas de mi Blog y ni idea :( . Gracias!

    Responder a Vindex →
  41. Lili / Hace 719 días /

    Mira te dejo mi blog…no he lorado cambiar el color de la nube…y no entiendo porque…
    ac ate dejo mi codigo

    // Variables en la Nube sobre el color y tamaño de la fuente
    var cloudMin = 1;
    var maxFontSize = 12;
    var maxColor = [#BD4687];
    var minFontSize = 10;
    var minColor = [#BD4687];
    var lcShowCount = false;

    espero me puedas ayudar

    Responder a Lili →
  42. Noelia / Hace 639 días /

    Gracias por el post, te explicas muy bien. Siempre hace falta gente como tú que nos ayuda a los que somos novatos.Un besazo y sigue así.

    Responder a Noelia →
  43. Tejada / Hace 611 días /

    Gracias por las instrucciones. Aunque ha costado un poco ya la he conseguido implementar. Pero tengo una duda: ¿cómo puedo hacer la nube más estrecha? No encuentro ninguna etiqueta width…

    Responder a Tejada →
  44. SombraQueIlumina / Hace 574 días /

    Gracias por la explicación… muy clara y precisa!

    Una gran ayuda para el nuevo proyecto

    Responder a SombraQueIlumina →
  45. rodolfo / Hace 570 días /

    no sabes cuanto me ayudo esto!!! ante sde esto use la nube hecha en flash pero entorpecia mucho la carga de la pagina , pero esta nube jala perfecto!
    saludos

    Responder a rodolfo →
  46. mar garachana / Hace 567 días /

    Gracias en lo profundo por el post, claro y sencillo, funciona que se las pela.

    Los problemas con el cambio de colores se solucionan utilizando un código R-G-B (y no uno hexagesimal, como bien has dicho).

    Un abrazo, y ánimo (da gusto encontrarse con explicaciones como la tuya).

    Responder a mar garachana →
  47. martin / Hace 563 días /

    No puedo creer que fanático haya hecho un comentario, no lo puedo creer todavia!! Eran los comienzos de el blog mas existoso! Y el tuyo tambien jaja muy bueno todo

    Responder a martin →
  48. Francisco / Hace 562 días /

    jajaja el mio no tan éxito.

    Responder a Francisco →
  49. Francisco / Hace 562 días /

    Que bueno que te ha sido útil, un saludo!

    Responder a Francisco →
  50. reytormenta / Hace 548 días /

    hola Francisco, estoy intentando crear la nube de etiquetas, siguiendo los pasos que marcas. El último paso, sustituye esta linea por el codigo que pones;

    me aparece asi;

    Y me da error.

    He cambiado a id=’Label2′ en tu codigo y me lo acepta. Pero no se crea la nube de etiquetas.

    si ves el blog, no tiene una plantilla que te da por defecto blogger. Tal vez ese sea el problema porque he seguido tus indicaciones con otros blogs que tengo del trabajo y me ha funcionado y tienen una plantilla basica de blogger

    Espero tu respuesta, gracias de antemano y saludos.

    Responder a reytormenta →
  51. Angel Espinoza / Hace 543 días /

    Agradezco al que hizo esta guia, me salio igualito, Gracias

    Responder a Angel Espinoza →
  52. martha / Hace 528 días /

    Te aplaudo! lo intente y me sirvio, recomiendo lo apliquen, porque yo no sé nada de diseño de blogs y lo logre con estos pasos sencillos y bien señalados.

    Un saludo cordial

    Responder a martha →
  53. wikernes / Hace 526 días /

    Tristemente como a otros colegas, el código me ha marcado error al ser guardado :( con lo que me he quedado con un palmo de narices y el siguiente 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 “”.

    Ojalá y puedas darle una revisada o tranzar el código que tú utilizas como ejemplo, que esta es la tercera página que visito queriendo lograr lo mismo y nomás no :(

    Saludos.

    Responder a wikernes →
  54. jaume / Hace 525 días /

    Me ha funcionado correctamente.

    Solo que kiero hacer el ancho de la nube, vaya al ancho del widget mñas estrecho y no puedo.

    como he de modificar el ancho maximo de la nube?

    Responder a jaume →
  55. marcela / Hace 525 días /

    Hola, yo me instale el template de Eclipse, quiero saber, como poner los datos de mi perfil, en el boton que dice “Acerca de mi”

    porque la verdad, que no se como hacerlo!

    desde ya, muchas gracias!

    espero una respuesta!!!

    mandamela al mail !

    Adios!

    Responder a marcela →
  56. Ana Maria / Hace 524 días /

    Francisco, muito obrigada! Era isso mesmo que eu procurava para o meu blog!
    Vou abusar: o que achou do meu blog?
    Beijos
    Ana Maria

    Responder a Ana Maria →
  57. luis / Hace 513 días /

    Hola necesito ayuda urgente como veras mi blog esta como una pagina y una foto si me pudieras indicar como mejorarla te agradeceria mucho

    saludos

    Responder a luis →
  58. piluki / Hace 507 días /

    Muchas gracias por la explicación, me ha salido a la primera y sin fallos.

    Responder a piluki →
  59. CEP / Hace 498 días /

    Muy bien explicado, no tuve ningún problema, gracias

    Responder a CEP →
  60. Daniel Ríos / Hace 497 días /

    Me vale! It´s perfect!

    Responder a Daniel Ríos →
  61. José / Hace 492 días /

    Llevaba tiempo con la nube de etiquetas funcionando correctamente y de pronto ha desaparecido. Sigue estando el gadget pero sin la nube (solo con el título). He mirado en la plantilla y el código sigue intacto, ¿sabéis que ha podido ocurrir? Gracias.

    Responder a José →
  62. Ruben / Hace 481 días /

    Hola: necesito una ayudita, quiero poner etiquetas con link a otras entradas en mi blog, pero estas siguen apareciendo en la entrada, mi mail rbrm03@hotmail.com
    gracias, agradecido

    Responder a Ruben →
  63. Edith / Hace 469 días /

    Hola, muchas gracias por el post, lo acabo de hacer y todo bien, pero tengo otra duda, que parte del codigo borro o modifico para que no me ordene las etiquetas?

    Gracias!

    Responder a Edith →
  64. Gilbert / Hace 466 días /

    hola como estas gracias por la informacion hice lo que apuntaste aqui de la nuve de etiqueta pero hice algo mal y ahora la cabezera de mi blog no aparece me gustaria saber que hacer por favor me gustaria que vieras mi blog gracias

    nota: el error mas grande que hice fue que no guarde la plantilla anterior jajaja

    Dios te bendiga

    Responder a Gilbert →
  65. Gilbert / Hace 466 días /

    hola como estas gracias por la informacion hice lo que apuntaste aqui de la nuve de etiqueta pero hice algo mal y ahora la cabezera de mi blog no aparece me gustaria saber que hacer por favor me gustaria que vieras mi blog gracias

    nota: el error mas grande que hice fue que no guarde la plantilla anterior jajaja

    Dios te bendiga

    mi blog es:http://apuntesjuveniles.blogspot.com

    Responder a Gilbert →
  66. Yuiichi / Hace 465 días /

    Me ha gustado mucho este efecto y le he agregado a mi Blog.
    ^.^
    Muchas gracias.

    Responder a Yuiichi →
  67. rafa / Hace 465 días /

    Gracias loco, funciona al pelo la nube

    Responder a rafa →
  68. jordi / Hace 458 días /

    Ei!, funciona perfectamente. gracias!.

    Responder a jordi →
  69. Ro / Hace 451 días /

    Ayuda!
    Apareció el título pero el contenido no, o sea no hay ninguna etiqueta en la nube. Qué habré hecho mal?

    Responder a Ro →
  70. SiLa / Hace 449 días /

    No sale la nuve de etiquetas :(

    Responder a SiLa →
  71. Abel Cárdenas A. / Hace 444 días /

    @wikernes:

    “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 “”.

    ————-
    Solución: Quita la paloma a Expandir plantillas de artilugios.

    Responder a Abel Cárdenas A. →
  72. TANI / Hace 444 días /

    Hola en la barra de navegación donde debería estar lo de etiquetas para hacer una nube y visualizarlo en el blog, por error lo he borrado y no sé como ponerlo de nuevo!!!!!!!!!!!!! Ahorra no puedo ver las etiquetas en mi blog porque no las veo en la barra de navegación!!!!!!!!!!
    Por favor alguien me ayuda???????? Estoy de los NERVIOSSSSSSSSSSSSSS
    GRACIASSSSSSSSSSSSSSSSSSSSSSSSSSSSSS

    Responder a TANI →
  73. Facundo / Hace 439 días /

    Gracias! quedó muy bien!

    Responder a Facundo →
  74. carlos rojas / Hace 431 días /

    gracias funciona perfectamente, un poco de recortes aqui y alla y todo va bien.

    Responder a carlos rojas →
  75. Julietta / Hace 430 días /

    Hola Francisco.
    quizas esta es una pregunta bien tonta :)
    es que tengo etiquetas en mi blog , pero no se ven bajo las entradas , y he visto otros blogs que si se ven :/ ! cuál es el problema ?
    gracias :)

    Responder a Julietta →
  76. Lala / Hace 430 días /

    Hola Francisco , sabes la nube se ve azul y es feo :S ! e intente hacer lo que dijiste para cambiar el color pero no funciono … ayudame porfa :)

    Responder a Lala →
  77. Claudia / Hace 430 días /

    Lala: Busca en Google por “colores RGB” ;)

    Responder a Claudia →
  78. Lala / Hace 429 días /

    Gracias Claudia (: !

    Responder a Lala →
  79. PAN / Hace 428 días /

    gracias por la nube y por las explicaciones. voy a probar lo del color a ver si lo consigo

    Responder a PAN →
  80. Julian / Hace 425 días /

    Hola, Muchas gracias por el código. Funcionó a la perfección. Aún tengo pocos tags porque recién empiezo, pueden verlo en La Verdad del Dinero en Internet.
    Los que tienen problemas con el tema de los colores no se preocupen. Hasta con el paint lo pueden solucionar. Yo hice así:
    Hice un print de pantalla de mi blog y con el paint capté el color anterior de los tags en la lista por defecto y apliqué esos valores en las variables
    var maxColor = [0,0,255];
    var minColor = [0,0,0];
    y quedó perfecto.
    Gente, es así
    var maxColor = [0(rojo),0(verde),255(azul)];
    Háganlo con el paint, van a ver.
    Nuevamente gracias.
    Un abrazo.

    Responder a Julian →
  81. Alejandro Barros / Hace 407 días /

    Hola Francisco:
    Felicitaciones totales por tu trabajo, excelente Blog, de muy buena factura y muy práctico por lo demás.
    Si bien es cierto tengo mi blog desde hace tiempo, sólo este último año me he estado metiendo mas en este asunto.
    Actualmente estoy ocupando la plantilla “Edens Garden” de Blogger Templates y me ha gustado mucho la posibilidad de colocar una nube de etiquetas, lo cual lo hice de acuerdo a lo que indicas en este artículo…pero no hay caso de colocar un color distinto que se mas visible de lo que poco y nada que se puede ver.
    No se que parte estoy haciendo mal pero espero encontrar la solución en este blog.
    De antemano muchas gracias por tu ayuda y me quedaré por esta tierras creo que bastante tiempo….hay mucho que aprender.
    Saludos.

    Alejandro Barros
    Santiago – Chile

    Responder a Alejandro Barros →
  82. laura / Hace 402 días /

    no logro encontrar en el codigo html el texto del punto 6 , por lo cual no puedo terminar de generar la nube…si alguien me pudiese ayudar…muchas gracias!

    Responder a laura →
  83. Francisco / Hace 402 días /

    El código 6 es del widget de etiquetas, sino te aparece agrega ese widget desde Diseño → Elementos de Página

    Responder a Francisco →
  84. José GDF / Hace 371 días /

    Tal como dices en la actualización, Blogger ha ampliado las posibilidades de las etiquetas. Pero me sigue gustando más este sistema, da más control, sobre todo de cara al diseño.

    Lo que no he probado todavía es si es posible realizar este hack dos veces, y utilizar la nueva posibilidad en uno de los gadgets para sacar unas determinadas etiquetas, y en el otro el resto.

    Estoy realizando una nueva plantilla en estos momentos. Lo voy a intentar, ya te comentaré cómo me ha ido el experimento.

    Este truco sigue siendo igual de válido que cuando se publicó. Doy fe.

    Un saludo!!

    Responder a José GDF →
  85. kazeta / Hace 370 días /

    oie no se mueve my nube de tagas que puedo hacer?

    Responder a kazeta →
  86. Francisco / Hace 369 días /

    @kazeta, a qué te refieres con que no se mueve? Esta no se tiene que mover :P

    Responder a Francisco →
  87. TuLiYa / Hace 226 días /

    Hola, queria saber si esq hace falta algo, ya q en el paso 6 no puedo continuar xq no existe ese código, no se si esq necesita actualizarse peroestoy ya mas loca q una cabra buscando respuestas.

    Muchas gracias

    Responder a TuLiYa →
  88. daniel / Hace 202 días /

    hola francisco, bueno te comento que soy nuevo con esto de los blog y tengo el siguiente problema, si te fijas en mi blog verás que tengo unos cuantos enlaces de directorios en los que me inscripto, creo que tambien se llaman traker o algo por el estilo. pero ultimamente no puedo colocar mas por que me aparece This page contains popup windows, como queriendo decir que hay demasiados me parece. el tema es ya no puedo agregar mas gadget, ni de enlaces ni para decorar el blog. Otra, cuando te suscribis a algun directorio y te piden que incertes el código o traker, ¿a donde se coloca? ¿los tengo bien ubicados? bueno, disculpa si no fui claro pero no entiendo mucho todavia. saludos y desearía si te es posible me expliques un poco. gracias nuevamente. daniel

    Responder a daniel →
  89. vanessa / Hace 102 días /

    muchas gracias por el codigo html, va muy bien, lo de los colores fue sencillo de solucionar :)

    Responder a vanessa →
  90. Super Target Me / Hace 92 días /

    Genial la explicación, gracias!

    Responder a Super Target Me →
  91. Pablo / Hace 83 días /

    Me dice esto..no se como arreglarlo..alguien sabe como puedo solucionarlo?

    El artilugio con el ID Label1 no se encuentra dentro de una sección (el elemento matriz real es: html.) Todos los artilugios deben estar en una sección.

    Responder a Pablo →
  92. Tom / Hace 70 días /

    Hola Francisco,

    Muchas gracias por esta sencilla explicación, porque el idioma HTML no me va muy bien :P

    Tengo ahora una cosita, a ver si me puedes ayudar:

    He copiado todo lo que has dicho al diseño de mi blog, pero no se actualizen las etiquetas. Esto tarda en actualizarse? O habré hecho algo mal?

    Gracias de antemano

    Pd no es un gran blgo aún…soy principante :D

    Tom

    Responder a Tom →
  93. Tom / Hace 69 días /

    @Tom:

    Perdone Francisco…ya lo he encontrado.
    Se me había olvidado etiquetar las entradas..está claro que así no salen :D

    Con lo que si me podrías ayudar es lo siguiente: no logro visualizar los botones de compartir…Uso Blogger y tengo marcado la casilla de mostrar estos botones en el diseño general de las entradas.

    También quiero que no salen las etiquetas en cada entrada, pero solo en la nube. Entonces he desactivado la casilla de mostrar etiquetas pero sin resultados.

    Resumiendo:
    SI quiero y tengo activado que aprezcan los botones de compartir, pero NO salen.

    NO quiero y tengo desactivado que aparezcan las etiquetas, pero SI salen.

    :P

    Responder a Tom →
  94. karo / Hace 60 días /

    eh hola….sabes hice todo lo del html bien pero no se ve en mi blog…no se que hacer ¿? :S

    Responder a karo →

Responder

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados.

Blog and Web es un blog de Blógstica

Términos de uso - Política de privacidad