Mude a data das postagens de seu blog para debaixo do título do post. Fica mais discreto e mais alinhado.
Vá até o Modelo de seu blog, clique em Editar modelo
Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo. Essa dica é para o template Simple, do novo Blogger, implementado em julho de 2011
Clique em "Expandir modelos de widgets"
Procure então por:
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
Apague o seguinte trecho !
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
Agora procure por:
<div class='post-header'>
Cole então o código abaixo depois dele.
<span class='date-header'><data:post.dateHeader/></span>
Está pronto !
Agora
se você quer dar um estilo para suas datas proceda da seguinte forma:
Procure por :
.date-header span {
background-color: $(date.header.background.color);
color: $(date.header.color);
padding: $(date.header.padding);
letter-spacing: $(date.header.letterspacing);
margin: $(date.header.margin);
}
E troque-o por:
(Código em azul representa a cor de fundo da data.)
.date-header span {
background: #2A0C0C;
float: left;
margin: 2px -10px 2px -70px;
padding: 40px 8px 0 8px;
width: 60px;
height: 60px;
}
Agora para modificar o modelo proceda da seguinte forma:
Vá até
1-> Configurações
2-> Idioma e formatação
3->Clique na pequena seta ao lado da data, como mostra a imagem
4-> Procure o modelo de postagem, como na imagem
