English Português

Uno de los elementos más importantes que ha traído la web 2.0 es la inclusión de etiquetas o tags, con ellas se busca clasificar el tema del que habla cada artículo en un blog y que nutre a sistemas de búsqueda como Technorati o Blogalaxia. Para ser reconocidas dichas etiquetas requieren que enlacemos la página que han destinado para ellas.

Aprovechando la inclusión de etiquetas en el nuevo blogger es posible generar estos links para cualquier servicio automáticamente.Y aquí te mostraremos como hacerlo.

  1. Entre a la pestaña “Plantilla”, después a la opción “Edición HTML” y activa la casilla “Expandir plantillas de artilugios”.
  2. Ahora busca el siguiente código correspondiente a las etiquetas:
  3. <span>
    <b:if cond='data:post.labels'>
      <data:postLabelsLabel/>
      <b:loop values='data:post.labels' var='label'>
    	<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
      </b:loop>
    </b:if>
    </span>
  4. Sustituye ese código con el siguiente:
  5. <span class='post-labels'>
    <b:if cond='data:post.labels'>
      <data:postLabelsLabel/>
    
      <!-- Etiquetas de Blogger -->
      <b:loop values='data:post.labels' var='label'>
    	<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
      </b:loop>
    
      <!-- Etiquetas technorati -->
      <br/>Technorati tags:
      <b:loop values='data:post.labels' var='label'>
    	<a expr:href='"http://www.technorati.com/tag/"+data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
      </b:loop>
    
      <!-- Etiquetas blogalaxia -->
      <br/>Blogalaxia tags:
      <b:loop values='data:post.labels' var='label'>
    	<a expr:href='"http://www.blogalaxia.com/tag/"+data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
      </b:loop>  
    
    </b:if>
    </span>

    De este modo se mostrarán las etiquetas por defecto de Blogger y las de Techonorati y Blogalaxia. Si no quieres se muestre alguna de ellas elimina el código que le corresponde marcado con comentarios. El resultado es más o menos como sigue:

    tags-technorati-blogalaxia.gif

    Los estilos variaran de acuerdo con tu plantilla.

  6. Solo guarda y ¡listo!

Los beneficios de una buena clasificación podría traducirse en un aumento de visitantes derivado de búsquedas en estos servicios.

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

      Hola! tengo una plantilla de aca y no tengo ese codigo en mi plantilla…
      Que hago?

      Responder a Dario →
    2. erick / Hace 10 años /

      yo uso la Plantilla Blogy-Curved y por ningun lado le encontre el codigo tampoco x_x supongo que no se podra hacer a la proxima sera gracias igual 🙂

      Responder a erick →
    3. Jose / Hace 10 años /

      Hola , gracias por el truco; lo he puesto sin problemas.
      Como de programacion no tengo casi idea , he introducido unos cambios y quiero consultarte si afectan a la funcion ( creo que no , por eso lo he hecho).
      El caso es que me parece redundante que aparezcan tres titulos de etiquetas y todas las mismas , por lo que he borrado los titulos y donde aparece la etiqueta , he puesto un punto,(tambien he quitado los saltos de linea) , así me aparece solo una vez las etiquetas con unos puntos ( como si fueran puntos suspensivos).

      Al mantenerse la linea que enlaza a Technorati y blogalaxia , imagino que sigue funcionando , no?

      Gracias.

      Responder a Jose →
    4. Antonio / Hace 10 años /

      Hola:
      Lo he intentado, pero Blogger no me deja guardar la plantilla:
      e dice esto:

      “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 “span” must be terminated by the matching end-tag “”.

      Si me puedes ayudar a ver dónde está el error
      Gracias.

      Responder a Antonio →
    5. Antonio / Hace 10 años /

      Ahora me deja guardar, pero no aparecen las etiquetas debajo del post.

      Responder a Antonio →
    6. Antonio / Hace 10 años /

      Solucionado el problema. Es que he cometido un error al copiar el código. Perdona las molestias. Y gracias

      Responder a Antonio →
    7. Marite / Hace 10 años /

      Hola me gusta mucho tu blog, y gracias por las plantillas. Te queria decir que desde internet explorer tu blog esta medio descompaginado, las imagenes donde pones los codigos tapan la sidebar y no deja verla.
      Un beso gracias

      Responder a Marite →
    8. heihachi / Hace 10 años /

      gracias.muy interesante

      Responder a heihachi →
    9. Anja / Hace 10 años /

      He probado el truco. Lo único que no me gusta es que salga la inforación públicamente el la entrada por triplicado:

      Publicado por Anja Ander: en 11:23 6 comentarios

      Etiquetas: Tenis, Trading
      Technorati tags: Tenis, Trading
      Blogalaxia tags: Tenis, Trading

      A esto me refiero. ¿Cómo hago para que lo indexe pero que las tags estén ocultas en la entrada original?

      Responder a Anja →
    10. firulay / Hace 10 años /

      Gracias por tus hacks y plantillas, pude guardar mis cambios, pero no se porque no se crean los tags.

      Responder a firulay →
    11. peke / Hace 10 años /

      y para wordpress?

      Responder a peke →
    12. roy j.j / Hace 10 años /

      hola francisco saludos tu web es muy buena ,gracias a esta web pude implementar en mi blog muchos trucos y hacks muchas gracias por eso.
      pero una suregencia: porque para copiar los codigos que los enmarcas en una tabla “amarilla” uno tiene que sufrir y cuando intentas copiar con el maus simplemente no se puede y te copia casi toda la pagina
      bueno ojala lo soluciones

      Responder a roy j.j →
    13. Francisco / Hace 10 años /

      Hola!

      Dario, erick, este código viene en todas las plantillas, verifiquen si han hecho bien todos los pasos.

      Jose, si es una buena forma de disimularlos bien, yo creo que si funciona, por el puro link es el que da el aviso.

      Antonio, que bueno quedo solucionado 😉

      Marite, gracias, lo había solucionado antes pero volvió a desfasarse.

      Anja, puedes hacer algo como lo que dice Jose más arriba en los comentarios.

      firulay, realmente no sé que pudo haber pasado, te recomendaría lo intentes de nuevo.

      peke, para wordpress hay plugins como “simple tagging”.

      roy j.j, gracias por el comentario, para el próximo diseño del blog es probable cambie la forma de mostrar el código, tomare en cuenta tu sugerencia. 🙂

      Un saludo!

      Responder a Francisco →
    14. Lucía / Hace 10 años /

      Buenas :
      Ante todo muchísimas gracias por esta sencilla forma de colocar los tags, muy útil.

      A mí me pasaba como a Antonio, Blogger me avisaba de un error y creo que me he dado cuenta de porqué (ya lo he solucionado).

      En el cuadrado donde pones el código a sustituir falta la primera linea, la de .

      Supongo que para tí está clarísimo, pero para los corta-pega como yo que no entendemos nada de HTML nos lia un poquito.

      Lo digo para los que lo prueben a partir de ahora.

      Mil gracias por esta web que tanta ayuda proporciona.

      Responder a Lucía →
    15. Francisco / Hace 10 años /

      Hola Lucia!

      No había notado faltaba el código que abre la etiqueta spam, ahora corrijo, muchas gracias ^_^

      Un saludo!

      Responder a Francisco →
    16. Kermit / Hace 10 años /

      ¿Te importaría poner el código con la variante de Jose? He estado pegándome con la plantilla, y esto de ser analfabeto a nivel de html es un desastre.

      Muchas gracias, y un saludo.

      Responder a Kermit →
    17. Kermit / Hace 10 años /

      No te molestes. He perdido los nervios, y he puesto el código de las etiquetas de Blogalaxia sin más. Gracias por todo.

      Responder a Kermit →
    18. Carlos / Hace 9 años /

      Me sale este mensaje :S

      Invalid data reference post.labels: com.google.layouts.framework.widgetview.GoogleMarkupException: No dictionary named: ‘post’ in: [‘blog’]

      Ojala puedas ayudarme.

      Gracias.

      Responder a Carlos →
    19. Ikanus / Hace 8 años /

      Hola, gracias por este artículo, lo he implementado en mi blog con la variante de José.

      ¡Saludos!

      Responder a Ikanus →
    20. Daniel Ríos / Hace 8 años /

      El de Blogalaxia no funciona OK!

      Responder a Daniel Ríos →
    21. Ismael Parras Ramirez / Hace 8 años /

      Hola¡

      En mi blog no aparece el codigo que hay que sustituir.. ¿podria venir de alguna otra forma? ¿donde tiene que ir ubicado dicho codigo?

      Gracias

      Responder a Ismael Parras Ramirez →
    22. Zip / Hace 7 años /

      Muy buenos consejos, muchas gracias.

      Responder a Zip →
    23. Yv / Hace 7 años /

      Hola me gustaria que colocaras fotos para los que no sabemos gracias

      Responder a Yv →
    24. Jose / Hace 7 años /

      Hola, me parece un truco muy bueno pero me gustaría que si puedes me explicaras como hacer para que solo se mostraran 1 vez.
      La explicación que dan arriba me parece muy pobre y no se entiende bien.
      Las etiquetas de blogger con ocultarlas ya estaría.
      Pero las de Technorati y Blogalaxia me gustaría que se mostraran solo una vez:

      Etiquetas: Lorem1,Lorem2,Lorem3

      ¿Pedes ayudarme?

      Responder a Jose →

    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