Modelos para post labels ~

Oiee lindjos ☆ヾ(*´・∀・)ﾉ belezinha? Chuva pra kraio né? (|||❛︵❛.) This is life, já disse para vocês que aqui onde moro é uma das cidades que mais chove no mundo? Pois é, ela está entre as 10 mais chuvosas, coincidência? Acho que não ︶︹︺ Mas então, mudando de assunto eu nunca postei sobre os marcadores aqui no blog e porque não né? Acho que ninguém nunca me pediu acredito '-' Acho que dá um toque tão fofo na área do post, tanto no footer quando no header  não é mesmo? Fazia tempo que eu não colocava aqui no blog, mas depois de um tempo a gente sente falta de personalizar algumas coisas ^▽^ Bem, eu mesma fiz alguns modelos para quem deseja usar sem precisar editar e quem quiser mudar é claro, pode modificar a vontade certo? Então, vamos ao tuto?

Vá até o seu modelo clique em editar, dê Ctrl F e procure por: ]]></b:skin> acima dele cole o código abaixo:

Modelo 1

.post-labels{
color:#C4C4C4;
font-family: 'Trebuchet MS', Trebuchet, sans-serif;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2;
font-weight: lighter;
text-decoration: none;
text-align: center;
}
.post-labels a {
padding: 4px;
color:#B1CCC0;
text-shadow: 1px 1px 1px #fff;
font-size: 9px;
background:#E2F3EB;
-webkit-box-shadow: inset 0px 0px 1px #DBCAE8, 1px 1px 0px #CAB5DA;
-moz-box-shadow: inset 0px 0px 1px #DBCAE8, 1px 1px 0px #CAB5DA;
-o-box-shadow: inset 0px 0px 1px #DBCAE8, 1px 1px 0px #CAB5DA;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
border-radius:1px;
}
.post-labels a:hover {
padding: 4px;
color:#BFB6C1;
text-shadow: 1px 1px 1px #fff;
font-size: 9px;
background:#EEE4F0;
-webkit-box-shadow: inset 0px 0px 1px #CFD9D5, 1px 1px 0px #BEDECF;
-moz-box-shadow: inset 0px 0px 1px #CFD9D5, 1px 1px 0px #BEDECF;
-o-box-shadow: inset 0px 0px 1px #CFD9D5, 1px 1px 0px #BEDECF;
-webkit-transition: all 0.1s linear;
-moz-transition: all 0.1s linear;
-o-transition: all 0.1s linear;
border-radius:1px;
}

Modelo 2

.post-labels{
color:#C4C4C4;
font-family: 'Trebuchet MS', Trebuchet, sans-serif;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1;
font-weight: lighter;
text-decoration: none;
text-align: center;
}
.post-labels a {
padding: 4px;
color:#B3CED8;
text-shadow: 1px 1px 1px #fff;
font-size: 9px;
background:#E1F3FA;
-webkit-box-shadow: inset 2px 0px 1px #B1D9E8, 1px 1px 1px #B1D9E8;
-moz-box-shadow: inset 2px 0px 1px #FFCC8E, 1px 1px 1px #FFCC8E;
-o-box-shadow: inset 2px 0px 1px #FFCC8E, 1px 1px 1px #FFCC8E;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
border-radius:3px;
}
.post-labels a:hover {
padding: 4px;
color:#BACFD8;
text-shadow: 1px 1px 1px #fff;
font-size: 9px;
background:#E5F2F8;
-webkit-box-shadow: inset 0px 1px 1px #C9E1EC, 3px 1px 1px #AFD4E4;
-moz-box-shadow: inset 0px 1px 1px #C9E1EC, 3px 1px 1px #AFD4E4;
-o-box-shadow: inset 0px 1px 1px #C9E1EC, 3px 1px 1px #AFD4E4;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
border-radius:3px;
}

Modelo 3

.post-labels{
color:#C4C4C4;
font-family: 'Trebuchet MS', Trebuchet, sans-serif;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 2;
font-weight: lighter;
text-decoration: none;
text-align: center;
}
.post-labels a {
padding: 4px;
color:#A9DAE1;
text-shadow: 1px 1px 1px #fff;
font-size: 9px;
background:#FFE3E3;
-webkit-box-shadow: inset 0px 0px 3px #D3E1E4, 1px 1px 0px #B8DEE7;
-moz-box-shadow: inset 0px 0px 0px 3px #D3E1E4, 1px 1px 0px #B8DEE7;
-o-box-shadow: inset 0px 0px 0px 0px 3px #D3E1E4, 1px 1px 0px #B8DEE7;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
border-radius:1px;
}
.post-labels a:hover {
padding: 4px;
color:#F6A2A2;
text-shadow: 1px 1px 1px #fff;
font-size: 9px;
background:#FFD7D7;
-webkit-box-shadow: inset 0px 0px 1px #CFD9D5, 5px 1px 0px #BEDECF;
-moz-box-shadow: inset 0px 0px 1px #CFD9D5, 5px 1px 0px #BEDECF;
-o-box-shadow: inset 0px 0px 1px #CFD9D5, 5px 1px 0px #BEDECF;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
border-radius:1px;
}