Data Personalizada no Blog

Primeira postagem de um tutorial!!!

Estou procurando este tutorial faz um bom  tempo, e eu nao achava!!! Ai hj eu achei.

É um estilo de data personalizada que quando ela tah normal, as bordas ficam redondas, e quando em hover, fica sem borda arredondada

Normal

Hover

Não lembro onde eu peguei, pq ja faz um tempinho tipo uns 3 dias, e minha memoria nao é muito boa, então se for do seu blog ou site, é so avisar que eu vou dar os creditos...

Queria fazer uma pergunta para vcs!

O que estão achando do blog? O tema ta combinando, precisa de mais tutoriais, fic's rapidamente, etc?

|| Tutorial ||

Procure por:

]]></b:skin>

Depois cole o codigo abaixo, acima do tag pesquisada:

@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:10px;
border-top-right-radius:0px;
border-bottom-left-radius:10px;
border-bottom-right-radius:0px;
-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 */
}

Mude as cores, e personalize a seu gosto!!!