poner etiquetas al estilo taringa en blogger

                                                          

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 presentan con un código parecido 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 Código antes de </b:skin>:

.post-labels {

margin: 0;

padding: 0;

}

.post-labels a {

float: left;

position: relative;

background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNYoSbgbc43G3FWyITwCHHDRmv4kSVZN30fI7sQWyshmnfqjO0xLGdkDI9CCSOYfePVPNG638waPcGXm02BQlB_qG7pqN6G6UuQcH8-ATOnYOs7xTLWf-Qgz4Jetz2nG2KZF_Pu1bLPSw/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("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNYoSbgbc43G3FWyITwCHHDRmv4kSVZN30fI7sQWyshmnfqjO0xLGdkDI9CCSOYfePVPNG638waPcGXm02BQlB_qG7pqN6G6UuQcH8-ATOnYOs7xTLWf-Qgz4Jetz2nG2KZF_Pu1bLPSw/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, tus etiquetas estan de lo mejor !!