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 Oliveros

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 11 años /

      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 11 años /

      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 11 años /

      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 11 años /

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

      muchas gracias

      Responder a Arnau →
    5. Francisco / Hace 11 años /

      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&#039;;
      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

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

      Responder a Francisco →
    21. mjwoman / Hace 10 años /

      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 10 años /

      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 10 años /

      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 10 años /

      !!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 10 años /

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

      Responder a Francisco →
    26. Philippe / Hace 10 años /

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

      Responder a Philippe →
    27. Angel / Hace 10 años /

      Justo lo que buscaba, gracias

      Responder a Angel →
    28. Fonzi / Hace 10 años /

      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 10 años /

      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 9 años /

      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 9 años /

      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 9 años /

      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 9 años /

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

      Responder a Iosu →
    34. Luisao / Hace 9 años /

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

      Responder a Luisao →
    35. Vindex / Hace 9 años /

      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 9 años /

      “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 9 años /

      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 9 años /

      qued perfecta en mi blog gracias por el aporte te felicito

      Responder a thecatnegro →
    39. Rodolfo / Hace 9 años /

      Muchas gracias !!

      Responder a Rodolfo →
    40. Vindex / Hace 9 años /

      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 9 años /

      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 9 años /

      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 9 años /

      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 9 años /

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

      Una gran ayuda para el nuevo proyecto

      Responder a SombraQueIlumina →
    45. rodolfo / Hace 9 años /

      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 9 años /

      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 9 años /

      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 9 años /

      jajaja el mio no tan éxito.

      Responder a Francisco →
    49. Francisco / Hace 9 años /

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

      Responder a Francisco →
    50. reytormenta / Hace 9 años /

      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 9 años /

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

      Responder a Angel Espinoza →
    52. martha / Hace 9 años /

      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 9 años /

      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 9 años /

      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 9 años /

      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 9 años /

      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 9 años /

      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 9 años /

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

      Responder a piluki →
    59. CEP / Hace 9 años /

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

      Responder a CEP →
    60. Daniel Ríos / Hace 8 años /

      Me vale! It´s perfect!

      Responder a Daniel Ríos →
    61. José / Hace 8 años /

      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 8 años /

      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 8 años /

      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 8 años /

      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 8 años /

      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 8 años /

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

      Responder a Yuiichi →
    67. rafa / Hace 8 años /

      Gracias loco, funciona al pelo la nube

      Responder a rafa →
    68. jordi / Hace 8 años /

      Ei!, funciona perfectamente. gracias!.

      Responder a jordi →
    69. Ro / Hace 8 años /

      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 8 años /

      No sale la nuve de etiquetas 🙁

      Responder a SiLa →
    71. Abel Cárdenas A. / Hace 8 años /

      @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 8 años /

      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 8 años /

      Gracias! quedó muy bien!

      Responder a Facundo →
    74. carlos rojas / Hace 8 años /

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

      Responder a carlos rojas →
    75. Julietta / Hace 8 años /

      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 8 años /

      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 8 años /

      Lala: Busca en Google por “colores RGB” 😉

      Responder a Claudia →
    78. Lala / Hace 8 años /

      Gracias Claudia (: !

      Responder a Lala →
    79. PAN / Hace 8 años /

      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 8 años /

      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 8 años /

      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 8 años /

      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 8 años /

      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 8 años /

      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 8 años /

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

      Responder a kazeta →
    86. Francisco / Hace 8 años /

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

      Responder a Francisco →
    87. TuLiYa / Hace 8 años /

      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 8 años /

      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 7 años /

      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 7 años /

      Genial la explicación, gracias!

      Responder a Super Target Me →
    91. Pablo / Hace 7 años /

      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 7 años /

      Hola Francisco,

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

      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 😀

      Tom

      Responder a Tom →
    93. Tom / Hace 7 años /

      @Tom:

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

      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.

      😛

      Responder a Tom →
    94. karo / Hace 7 años /

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

      Responder a karo →
    95. Juan / Hace 7 años /

      Muchas gracias! Me funcionó a la perfección 🙂

      Responder a Juan →
    96. pochomon / Hace 7 años /

      Me gusto mucho el code, pero seria mucha molestia pedirle que explique como afecta el codigo al blog, es decir, que hace algunos contenidos del codigo para la transformacion, muchas gracias. 😀

      Responder a pochomon →
    97. Acubens / Hace 6 años /

      Hola Francisco;

      yo no encuentro en el mio este texto ““, ¿dónde lo debería pegar?

      Gracias

      Responder a Acubens →
    98. Acubens / Hace 6 años /

      Vaya, se ha borrado el texto, me refiero al codigo que tienes en el punto 6.

      Responder a Acubens →
    99. mercpm / Hace 6 años /

      hola tengo un problema con mi blog y las etiquetas; y es que por defecto se me “autoetiquetan” las entradas con etiquetas no relacionadas y que usé hace tiempo (que ahora estan eliminadas de mi blog) ¿podriais ayudarme? Necesito ayuda, gracias

      Responder a mercpm →
    100. Esther / Hace 6 años /

      Hola Francisco, verás, yo tenía una duda y es que como puedes ver, en mi blog tengo la nube de etiquetas, pero me gustaría que todas salieran del mismo tamaño y que no se hicieran más grandes aunque sean más frecuentes, se puede hacer?
      Muchas gracias de antemano, enhorabuena por tu blog!

      Responder a Esther →
    101. eliud / Hace 6 años /

      hola he puesto todos los codigos pero no se me ve la nube, ahora quiero quitarlo y el ultimo codigo de los 3 que es el mas largo no esta en mi plantilla y el codigo que borre ya no se donde instalarlo, a ver si me podrias ayudar
      Gracias
      Un saludo

      Responder a eliud →
    102. Sonia / Hace 6 años /

      Muchas gracias!! 🙂

      Responder a Sonia →
    103. BELEN / Hace 6 años /

      HOla…soy nueva en esto de los blogs y no encuentro donde pone:

      ¿me puedes ayudar?

      Gracias,
      Belén

      Responder a BELEN →

    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. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad