Tutorial: Data Personalizada no blog

Olá galerinha,

Hoje começa a semana de tutoriais do blog. Bom eu vou ensinar a vocês como personalizar a data do blog, eu aprendi a fazer no blog Menina Diva Da Moda. 

Ela tem umas bordinhas arrendondadas:

 e quando passa o mouse por cima ele fica sem a borda arredondada :

Você pode editar as cores do seu jeito. Vamos ao tutorial!

Primeiro pesquise por:

]]>

Depois cole este código em cima da tag que encontrou

@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
.main-inner h2.date-header {
font-family: silkscreen;
margin-right: -59px; /* Altere o valor até que fique do tamanho certo */
margin-top: 10px;
float: right;
font-size: 8px;
padding: 5px;
color: #fff; /* Cor da Letra */
background: #bc8fbc; /* Cor do fundo */
text-shadow:#767676 0px 1px 1px;
box-shadow: 2px 2px 3px #ccc; /* Sombra */
border-top-left-radius:0px;
border-top-right-radius:10px;
border-bottom-left-radius:0px;
border-bottom-right-radius:10px;
-webkit-transition-duration: .50s;
}
.main-inner h2.date-header:hover {
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
font-family: silkscreen;
-webkit-transition-duration: .50s;
background: #DB7093; /* Fundo hover */
}

Nas cores destacadas de verde modifique como quiser. Foi isso e espero que tenham gostado. Até a próxima.