Wiiiiiii! Vengo con nuevo tuto para tener unas bonitas etiquetas muy taringueras y que las disfruten <3 Lo primero que hay que saber es que este tuto es sólo valido en las Nuevas Plantillas [NP]. 

Let's go!~

1. El código de las etiquetas en las entradas son asi:

<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 != "true"'>,</b:if></b:loop>
</b:if>
</span>


2. Elimina lo marcado en rojo. Te quedará algo así:

<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:loop>
</b:if>
</span>



3. Luego coloca este código CCS 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;
}


* * *

Ya está! ((o(^∇^)o))
Espero que te haya gustado :3 
Nos vemos en otro tuto~ 
╋ Fuente: HERE!
* * *


ラベル: