Data do blog em hover

Yoo ~~ 

Á pedido, vim ensinar como deixar a data do blog de vocês, igual ao daqui do blog, ele é muito fácil de se fazer, basta ter atenção na hora de colocar os códigos !

Vamos lá c:

Vá no html do seu blog procure por h2 { Você irá encontrar algo parecido com esse:

h2 {

  font: $(widget.title.font);

  color: $(widget.title.text.color);

}

Abaixo dele cole:  

.main-inner h2.date-header {

width:100px;

height:-28px;

margin-left:-100px;

float: left;

text-align: center;

font-size: 15px;

padding: 5px;

background: url(URLDAIMAGEM) no-repeat center;

color: #FFFFFF;

text-shadow:0 1px #ccc;

margin-top: 20px;

-webkit-transition-duration: .60s;

}

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

color: #fffffff;

background: url(URLDAIMAGEMHOVER) no-repeat center;

-webkit-transition-duration: .60s;

}

Bom deixa eu explicar aonde eu destaquei em negrito, você irá editar, em Width, Height e margin-left, você irá alterar os números para posicionar a imagem, você só irá entender na hora que começar a editar. Em fonte-size, você irá colocar o tamanho da fonte e o resto vocês sabem !