Olá! + Tutorial

Oie pessoas lindas!

Olá, eu sou a Laura, e sou a nova postadora desse blog! Eu quase surtei quando vi que

a Hannah disse escreveu que gostou das minhas postagens! Sério! Eu gritei pela janela da minha 

casa e todo mundo olhou para cá! Vou falar um pouco de mim: tenho 11 anos,  todo mundo diz 

que sou meio louco e sou obrigada a concordar. Bem, essa sou eu! E para começar, vou postar 

um tutorial que achei muito legal e muito lindo! É um tutorial em que a data fica assim:

Preview | Créditos

Vá no seu HTML → Procure por (Ctrl + F): .main-inner h2.date-header { 

Abaixo dessa tag, cole o seguinte código:

font:Arial;
color: #COR DA FONTE;
margin-left: -75px; /*distância entre a data e a área do post, troque os valores até dar*/
background: #COR DE FUNDO;
float: left;
font-size: 11px; /* Tamanho da fonte */
padding: 4px;
-webkit-border-top-left-radius: 50px;
-webkit-border-bottom-left-radius: 50px;
-moz-border-radius-topleft: 50px;
-moz-border-radius-bottomleft: 50px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
-webkit-transition-duration: .80s;
}
.main-inner h2.date-header:hover {
background: #COR DO FUNDO HOVER;
color: #COR DA FONTE HOVER;
padding-center: 10px;
margin-left: -90px; /*distância da data hover, quando ela 'desliza'*/
text-align: center;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

Edite as coisas em negrito. As partes em itálico são as distâncias entre o post e a data!

Gostaram? Vou pedir para vocês visitarem o meu blog, e se gostar, segue: Kawaii Dreams.

Beijinhos de caramelo ainda sem assinatura! SMACK!