Personalizar os marcadores

Não, este não é o post do outro dia em que ensinei a personalizar as tags/marcadores/etiquetas como aparecem na sidebar, nem que também personaliza aqueles pontinhos nos posts. É para personalizar as etiquetas que ficam no rodapé do post, como podem ver embaixo (não, o resto do rodapé personalizado não vem incluido).

Na verdade, eu nunca usei este tutorial, portanto não pude criar nada meu e irei adaptar do blog Etc For me, só mesmo para ter o meu tipo de organização, pois até as cores são de lá. Só agora testei. Mas pelo menos garanto que funciona, é bem bonito, não faz mal reblogar coisas uma ou outra vez com créditos, certo? >.<

Imagens tiradas daqui: www

Tutorial: 

Procure por:

/b:skin

Acrescente acima:

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }

markers {

background: #ffb9bf;

box-shadow: inset 0px 0px 4px #ff9aa2, 2px 2px 0px #f5f5f5;

color: #ffffff;

text-shadow: 1px 1px 0px #ff8d96;

font-family:silkscreen;

font-size: 8px;

padding: 2px 4px 2px 4px;

border-radius: 2px; 

-webkit-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

}

markers:hover {

background: #c2d6da; 

box-shadow: inset 0px 0px 4px #b2cbd0, 2px 2px 0px #f5f5f5; 

text-shadow: 1px 1px 0px #a2c1c7; 

-webkit-transition: all 0.5s ease-out;

}

Agora procure por:

<data:label.name/>

E substitua por:

<markers><data:label.name/></markers>

Prontinho :) Ah, se já tiver a font-face silkscreen adicionada, pode tirar a primeira parte do código. Faça as modificações que quiser, isto é apenas um exemplo.