Etiquetas Estilo taringa

Etiquetas estilo Taringa.
en esta ocacion les dejare un estilo de etiquetas que podran añadirle a su blog, y es el estilo de etiquetas taringa
es un estilo color gris que muestra las etiquetas en forma de una etiqueta de compra
es facil de añadir y espero les funcione.

Primero debes poner las etiquetas en forma nube.

luego busca este codigo:


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

Elimina Este Codigo.


<b:if cond='data:label.isLast != "true"'>,</b:if>

Y Por ultimo colocas este codigo Antes de la etiqueta ]]>


.post-labels { margin: 0; padding: 0; } .post-labels a { float: left; position: relative; background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjBJExdqapMcgkbqwB-Jph35pSJ2nRA1CtqRcctKIIX5ZTfU-IVlSfmLhvW3Q7_1Z4xpcQGqEuIbhEuBHZdoLzfummdj8vgIq1rM00InN0lw5gDt5PsOou3jN9yUnYROjBGgq9HYP4DYU/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/AVvXsEgjBJExdqapMcgkbqwB-Jph35pSJ2nRA1CtqRcctKIIX5ZTfU-IVlSfmLhvW3Q7_1Z4xpcQGqEuIbhEuBHZdoLzfummdj8vgIq1rM00InN0lw5gDt5PsOou3jN9yUnYROjBGgq9HYP4DYU/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; }


Gracias por leer este Post.

If You Enjoyed This, Take 5 Seconds To Share It

• Facebook
• Twitter
• Google+
• StumbleUpon
• Digg
• Delicious
• LinkedIn
• Reddit
• Technorati