2 Modelos de marcadores para blog

Obs: Não esqueçam de participar do nosso joguinho valendo divulgação {www}. Eu só farei o sorteio quando estiver com um número bom de participantes 

(quero saber o segredo do Nadaddy para ser tão lindo <3 )

Hooý chocolates cobertos com bala halls e oreo (oreo é muito bom), tudo bem? Espero que estejam, comigo está tudo ótimo. Estou terminando um layout e estou ficando feliz com o resultado, só não sei se a ChocoLeitora vai gostar dele haha' espero que sim. Queria agradecer a quem participou até agora do nosso game, mas realmente eu deixei bem fácil né gente?! haha', estou pensando também em fazer uma postagem de indicação. Ah, amores, ontem eu atualizei uma postagem antiga de uma de nossas ex-postadoras: www.

Queria indicar também o clipe do cantor Matisyahu que eu particularmente amo. Para quem gosta de stop emotion como eu, é super interessante assistir, pois ele utilizou dessa técnica em todo o clipe. Sem contar nas cores super clarinhas, o cenário, a letra da música...cara...perfeita música, perfeita e não...não é rock haha', só ainda irei demorar para me acostumar com o novo visual dele.

Espero que tenham gostado do clipe (quem assistiu eu tenho certeza que gostou haha').
Agora, indo ao assunto da postagem, hoje trouxe para vocês dois modelos de personalização para marcadores abaixo da postagem. Esses não servem para os marcadores dos gadgets. Vamos conferir?

Modelo 1 {Preview} // Créditos {www}

Para começar, procure por  ]]></b:skin> e acima cole o seguinte código:

.post-labels {
font-size:10px; /*Tamanho da fonte*/
}
.post-labels a:link,.post-labels a {
color: #FFF; /*Cor da letra*/
background: #000; /*Cor do fundo*/
margin: 3px; /*Margem externa*/
padding: 3px; /*Margem interna*/
-moz-webkit-transition-duration: .50s; -webkit-transition-duration: .500s;
}
.post-labels a:hover{
background: #333; /*Cor do fundo no hover*/
color: #FFF; /*Cor da letra no hover*/
-moz-webkit-transition-duration: .50s; -webkit-transition-duration: .500s;
}

• Obs: Esse modelo é mais simples de colocar do que o modelo 2, portanto, se você tiver dificuldades para mexer no HTML do blog, opte por esse.

Modelo 2 {Preview} // Créditos {www}

Para colocar esse modelo, procure por  ]]></b:skin> e acima cole o seguinte código:

@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: #fff;
font-family:silkscreen;
text-shadow: 1px 1px 0px #ff8d96;
font-size: 8px;
padding-top: 4px; /* Acolchoamento do topo */
padding-bottom: 4px; /* Acolchoamento do fundo */
padding-right:5px; /* Acolchoamento da direita */
padding-left: 5px; /* Acolchoamento da esquerda */
-webkit-border-radius: 2px; /* Google e Safari */
-moz-border-radius: 2px; /* Mozilla e Firefox */
border-radius: 2px; /* Alcance da borda */
-moz-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
markers:hover {
background:#c2d6da; /* Fundo Hover */
box-shadow: inset 0px 0px 4px #b2cbd0, 2px 2px 0px #f5f5f5;  /* Sombra hover */
text-shadow: 1px 1px 0px #a2c1c7; /* Sombra do texto em hover */
}

Agora, procure por <data:label.name/> e entre essa tag cole os códigos:

<markers>

</markers>

Daí ficará assim:

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

Espero que tenham curtido e antes de ir, queria que vocês respondessem nos comentários a seguinte pergunta:

O que vocês acham que deve mudar no blog, o que vocês gostariam de ver aqui no AN?

Bjoon e até a próxima postagem, amores.