Como personalizar a data do blog estilo calendário | Quero Dicas Quero Dicas : Como personalizar a data do blog estilo calendário

Quero Dicas : Como personalizar a data do blog estilo calendário

Como personalizar a data do blog estilo calendário

|


Como personalizar a data do blog estilo calendário
Hoje eu trouxe um modo diferente de personalizar a data do seu blog.
Ele tem o estilo de um calendário, fica bem bonito e é bem simples de personalizar, tenho certeza que seu blog irá ficar bonito.

Antes de começarmos, eu sempre recomendo, fazer um backup do seu template, ao instalar qualquer tipo de implementação de códigos dentro do HTML do seu blog e claro, dê preferências ao blogs de teste! Não sabe fazer Backup? Não tem problema, clique em: Como fazer um Backup ou restauração do seu blog.


  TUTORIAL


Agora que você já fez o backup do seu template, vamos seguir...

1 - Acesse o painel do blogger

2 - Ajuste a data do seu blog. Para isso, vá em "Configurações" , "Idioma e Formatação" e "Formato da data". Ajuste de acordo como no exemplo da imagem abaixo e clique em "Salvar Configurações".


2.1 - Outra forma de ajuste é: "Layout", "Postagens no blog (Editar)" e marque a opção da data, como na imagem abaixo



3 - Agora vá em "Modelo" e em seguida "Editar HTML".

4 - Clique dentro do código do template, pressione "CTRL+F" e pesquise pelo trecho:

<h2 class='date-header'>
<span><data:post.dateHeader/></span></h2>


Talvez, você encontre dois trechos iguais a este, é necessário aplicar o mesmo procedimento abaixo, nos dois códigos.
5 - Substitua o trecho encontrado pelo código que está disponível no botão "Acesse"

Lembre-se, substitua os dois encontrados!


6 - Depois da substituição, pesquise pela chave  </head>

</head> 
 

7 - Acima de </head>, cole o código:




8 - Personalizando / Ajustando

• Ajuste tudo se guiando pelos comentários destacados ao lado de cada item. 
• Caso o calendário não apareça no local corretamente, troque -20px por outro valor que se adapte melhor a seu template. (aumente de 0 a 9999, até ficar correto)
• Mude tudo que está ao lado de cada item, se quiser.
• Caso queira substituir a imagem por uma cor diferente, troque (substitua)

http://4.bp.blogspot.com/-iYlKa5pPOmY/VdD2QT3YG1I/AAAAAAAAMMs/1Yp1ylWHkZY/s1600/calend02.png

pelo endereço da imagem de sua preferencia.

9 - Clique em "Visualizar" e se tudo estiver certinho e normal clique em "Salvar Modelo". 

Pronto. Seu blog já começará a exibir a data calendário em todas as postagens.

Imagens de Brinde

   

   

Você pode usar qualquer imagem e poderá copiar o endereço das imagens já disponíveis aqui no site ou salvar em seu computador e depois hospedá-las na web. Faça o que desejar =D


Beijinhos 

Compartilhe


2 comentários:


Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

4 - Por favor, não adicione links externos nos comentários.

Beijinhos ♥

  1. Infelizmente não deu certo. Já tentei vários tutoriais e não consigo personalizar a data dos meus posts. Seu blog é ótimo! bjs

    ResponderExcluir
    Respostas
    1. Eu também estou tentando vários tutoriais e nao consigo :( Meu blog tem alguma coisa bloqueando.

      Excluir

Amigos do Blog

agenda dos blogs Universo das Dicas

Ganhe Visitantes | Inscreva-se!

GeraLinks Linkicha Atoananet Linkirado
subir