Marcadores Personalizados

Hey Boys and Girls ;*
Tudo bem com vocês seres humanos? Comigo está mais ou menos, só porque estou na última semana de aula, parece que os dias estão demorando para passar, aff ¬¬.Mas não é só porque é a última semana de aula que eu não estava atolada de deveres e trabalhos, pois é, por isso que não poistei nada esses dias.Tive duas apresentações, uma ontem e outra hoje.Aff, quero férias logo, não aguento mais...
Bom falando sobre o post, trouxe um tutorial de como personalizar os marcadores do post.Ele vai ficar hover, igual esse que eu estou usando.O tutorial é do The Moon Reverse, então, créditos vão para lá.Lest's go Babys!

Imagem do TMR.

1. Abra seu HTML e pesquise pela tag ]]></b:skin>
Após achar a tag, cole acima dela o código abaixo: 
@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 */
 2. Agora pesquise pela tag <data:label.name/> e coloque entre ela o seguinte código:
 <markers> e </markers>
 Ficará assim:  
<markers><data:label.name/></markers> 
É só salvar e pronto. 

Quem gostou do tuto? Comenta.
Kiss! 

2 comentários:

-Não aceito palavrões.
-Não faça ofensas ao blog, só aceito critícas caso elas forem construtivas ao blog.
-Não comente apenas com um "seguindo, segue de volta?".
-Faça um comentário sobre a postagem lida.
-Deixe o link do blog no fim do comentário, assim poderei retribuir o carinho.