Tutorial - Personalizando a data

Hi pessoas, tudo belza? bom hoje estarei ensinando como deixar a data do blog como a minha fica super legal mas antes você terá que fazer algumas alterações;

vá em configurações> idioma e formatação e coloque esse formato de data:

 

agora vá em modelo editar HTML e clique em CTRL+F  e pesquise por:

.main-inner h2.date-header {

 e apague desde o começo até o primeiro }
e no lugar cole esse código:


.main-inner h2.date-header {
personalizando a data Bloguinho Cute
float: right; /** data no lado esquerdo, pode mudar para right **/
width:75px;/** largura **/
height:38px;/** altura **/
overflow:hidden;
font-size:10px;/** tamanho da fonte **/
color: #FFFAFA !important;/** cor da fonte **/
text-align:center;/** alinha o texto **/
margin-bottom: 6px; /** desce **/
margin- right: -65px; /** margem pra esquerda **/
padding: 8px 6px 0px 2px; /** espaço interno: topo, direito, embaixo, esquerdo **/
-webkit-border-radius: 5em; -moz-border-radius: 5em; /** borda redonda **/
background: #FFC0CB; /** cor do fundo **/
}
.main-inner h2.date-header:hover {
background:#BEBEBE; /** cor do fundo hover **/
}
*Fim*

  

esse código foi editado por  mim e você deverá editá-lo até ficar ao seu gosto!