Mil Trucos Blogger

Poner Etiquetas al Estilo Taringa en Blogger

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado
Cansado de mostrar las etiquetas con un simple texto, de esta forma obtendrás un toque mas profesional de calidad, mostraras las etiquetas en un diseño mas perfecto y detallado.

La etiquetas siempre se muestran con un código similar a este:
<span class='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 != &quot;true&quot;'>,</b:if></b:loop>
</b:if>
</span>

Eliminamos este código:
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
Colocamos este Codigo antes de </b:skin>:
.post-labels {
margin: 0;
padding: 0;
}
.post-labels a {
float: left;
position: relative;
background: url("http://2.bp.blogspot.com/-h-Je11ViQSE/UFH9ymAQyuI/AAAAAAAAFe4/K0khxLAA4vE/s400/tag-taringa-ajmrdesign.com.png") no-repeat bottom right;
height: 24px;
line-height: 24px;
padding:0 10px 0 8px;
margin: 0 0 0 25px;
color: #333;
font-size:13px;
font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
text-decoration: none;
}
.post-labels a:before {
background: url("http://2.bp.blogspot.com/-h-Je11ViQSE/UFH9ymAQyuI/AAAAAAAAFe4/K0khxLAA4vE/s400/tag-taringa-ajmrdesign.com.png") no-repeat;
content: "";
width:15px;
height: 24px;
float: left;
position: absolute;
top: 0;
left: -15px;
}
.post-labels a:hover {
text-decoration: underline;
}

 

Y listo ya tenemos nuestras etiquetas a un mejor estilo !!
0
Shares

Relacionados...

Deja tu Reacción sobre el artículo
Me Gusta Dichoso Feliz Admirado Triste Enojado

21 Comentarios

  1. marzo 1, 2013    

    Gracias por compartir, Es un gran aporte 😉

  2. marzo 1, 2013    

    Hola Hayder, esta etiqueta sirve para las vistas dinámicas, lo digo por mi blog emprendernegociosmultinivel.blogspot.com, que tiene esta configuración.

    Gracias, Iván.

    • marzo 2, 2013    

      Las etiquetas si aparecen en las vistas dinámicas, pero este truco en especial no sirve para tu blog.

      Saludos Ivan

    • marzo 8, 2013    

      Hayder, necesito tu colaboración, resulta que no había visto tu comentario donde me dices que no sirve para mi mi blog y lo aplique, y me esta saliendo unas letras antes de abrir las entradas. como puedo reversar este error.
      Gracias por tu ayuda.

  3. marzo 2, 2013    

    wena entrada men, joder soy el 4 en el top comentaristas 😀

    ¿me darás un premio acaso?

    por cierto sigo esperando el tutorial de bloqueo de contenido con redes sociales, :F

    • marzo 2, 2013    

      jajaja apareces en el top 😉 con respecto a tu pedido, estoy tratando de ayudarte pero no es sencillo lo que pides.

      Saludos

    • marzo 3, 2013    

      ok, si me esperas hasta el 15 es cuando me pagan por paypal, agatas y tengo 6 pesos mexicanos, unos 0.30 dolares, igual no sirven pa nada, solo dime si me puedes ayudar y te dono algo de lo que gane 😀

    • marzo 7, 2013    

      Si te puedo ayudar, pero como vez estaba ocupado en el diseño de esta nueva plantilla para Mil Trucos Blogger.

      Me pondré mañana mismo a ayudarte 🙂

  4. marzo 29, 2013    

    Si pudieras hacer un vídeo por favor, que no encuentro el código… Gracias

  5. abril 14, 2013    

    YO TAMPOCO ENCUENTRO EL CÓDIGO,SERA QUE EN MI PLANTILLA TENDRÁ OTRO NOMBRE,AYUDA POR FAVOR…

  6. abril 24, 2013    

    Sigo con problemas, alguien que me pueda ayudar? Les dejo mi correo para los que me quieran auxiliar… fiebrefutboleratv13@gmail.com

  7. mayo 25, 2013    

    He puesto este estilo de etiquetas pero no logro quitar u ocultar la leyenda etiquetas,podrias decirme como hacerlo?
    muchas gracias!

  8. mayo 26, 2013    

    lo solucione,eliminado ,seria lo correcto? o exite otro metodo, muchas gracias

    • junio 5, 2013    

      Cocina Coco que bueno que hayas solucionado este problema.

      Saludos

  9. noviembre 7, 2014    

    todo al pie de la letra pero no me sale.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *




Categorías

Síguenos en Facebook

Suscribete por Email

Introduce tu Correo:

Recibiras nuestros últimos posts en tu correo