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 !!

21 commentarios

Hayder Juvinao · marzo 1, 2013 a las 7:40 pm

Gracias por compartir, Es un gran aporte 😉

Iván Darío Agudelo A. · marzo 1, 2013 a las 10:09 pm

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.

    Hayder Juvinao · marzo 2, 2013 a las 10:19 pm

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

    Saludos Ivan

    Iván Darío Agudelo A. · marzo 8, 2013 a las 3:26 am

    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.

Toxico SM · marzo 2, 2013 a las 2:51 pm

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

    Hayder Juvinao · marzo 2, 2013 a las 10:20 pm

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

    Saludos

    Toxico SM · marzo 3, 2013 a las 12:48 am

    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 😀

    Hayder Juvinao · marzo 7, 2013 a las 8:32 pm

    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 🙂

Jorge Emmanuel · marzo 29, 2013 a las 6:54 pm

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

Yeison Mateo · abril 14, 2013 a las 2:53 pm

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

Jorge Emmanuel · abril 24, 2013 a las 1:38 am

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

Cocina Coco · mayo 25, 2013 a las 6:35 am

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

Cocina Coco · mayo 26, 2013 a las 12:33 am

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

Antonio José De León · noviembre 7, 2014 a las 5:09 am

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 *