Tutorial: Modelo de data igual ao meu

Hi cherries!

Tudo bem? Eu recebi Terça-Feira um pedido de tutorial do Cleiton, e o pedido era de como deixar o modelo da data assim como o que eu uso aqui no blog. E quero também dar os créditos ao Kawaii World pelo tutorial. Vamos ver?

1. Primeiro vamos em layout > onde esta o ¨Postagens do blog¨ logo abaixo terá um editar > clique ali > escolha o modo que quiser.

2. Vá ai HTML do seu blog > de CTRL+F > Procure por: .main-inner h2.date-header {

3. Cole o seguinte código:

font: Sofia;

color: #fff;

margin-left: -60px;

background: #340034;

float: left;

font-size: 11px;

padding: 4px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

}

.main-inner h2.date-header:hover {

background: #000;

}

4. Modifique o font: Sofia com a fonte que quiser. O color com a cor que deseja na data. O Margin-left você altera por right se quiser ele na direita, e o -60px é o quão afastado ele fica. O backgroud você coloca a cor a qual quer no fundo, e o último backgroud a cor quando passar o mouse. Dúvidas? Pergunte nos comentários! Kisses candy!