4

Como personalizar a data da postagem do blog?

https://enfermageandotc21.blogspot.com/

 Olá amigos leitores, o tutorial de hoje vai ser muito rapidinho, é mais uma dica, um passo a passo bem legal para você aplicar no seu blog, se você gostar ok.
Vamos conferir!

Como personalizar a data da postagem do blog?


 1º- Passo: Clique em configurações,idioma e formatação e altere o formato da data

 ex:
26 julho 2013
salve as configurações

 2º- Passo: Vá em Designer » Editar HTML ,de um CTRL F e encontre pela a tag abaixo. 


</head>

ABAIXO de </head> cole este código: salvar modelo

 <script>
function remplaza_fecha(d){
var da = d.split(' ');
dia = "<div class='fecha_dia'>"+da[0]+"</div>";
mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>";
anio = "<div class='fecha_anio'>"+da[2]+"</div>";
document.write(dia+mes+anio);
}
</script>

3ºPasso: Novamente encontre: dateHeader


Voce vai encontrar esta tag:

<a expr:name='data:post.id'/>

Cole o código a seguir abaixo desta tag que você encontrou acima



<b:if cond='data:post.dateHeader'>
<div id='fecha'>
<script>remplaza_fecha('<data:post.dateHeader/>');</script>
</div>
</b:if>

4º- Passo:Para configurar a imagem ou bloco da data copie este código CSS abaixo e cole acima da tag:
]]></b:skin>


#fecha {
display: block;
float:left;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 0px;
color: #000; /*Cor da fonte da data*/
background: url('AQUI O ENDEREÇO DE SUA IMAGEM') no-repeat;
line-height:17px; /*Altura da linha*/
list-style:none outside none;
margin-left:-5px; /*Margem externa esquerda*/
margin-right:10px; /*Margem externa direita*/
margin-top:-7px; /*Margem externa direita*/
padding-top:19px; /*Ajuste a posição do texto; quanto maior o número mais sobe e vice/versa*/
font-family:'Arial'; /*Fonte do texto da data*/
text-align:center; /*Alinhamento do texto da data*/
width:80px; /*Largura da imagem*/
height:80px; /*Altura da imagem*/
}
.fecha_dia {
display:block;
font-size:17px; /*Tamanho da fonte*/
line-height:18px; /*Altura da Linha*/
}
.fecha_anio {
font-size:17px; /*Tamanho da fonte*/
line-height:18px; /*Altura da Linha*/
display:block;
}
.fecha_mes {
font-size:17px; /*Tamanho da fonte*/
line-height:18px; /*Altura da Linha*/
text-transform:none;
display:block;
}


OBS.: Onde está AQUI O ENDEREÇO DA SUA IMAGEM você pode colocar a imagem de sua escolha, de calendário, por exemplo.

Algumas imagens que encontrei pra você:





Gostou da postagem? Deixe seu comentário ou sugestões…
***************************************************
ESTOU AQUI PARA AJUDAR E DIVIDIR MINHA EXPERIENCIA.
REFLEXÃO: Você atrai aquilo que transmite.
E eles disseram: Crê no Senhor Jesus Cristo e serás salvo, tu e a tua casa. Atos 16:31
Beijos imensos no coração! 

4 comentários: