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

Quero Dicas , Como personalizar a data do blog estilo calendário , Day , Dicas Blog , Tutoriais ,

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.

Os outros modelos são:
• Modelo 1
• Modelo 2
• Modelo 3
• Modelo 4 


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.

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 para você!

   

   

Você pode usar qualquer imagem acima 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 como desejar =D


Beijinhos 



Compartilhe

* Você reservou um tempinho para comentar? *

Desde já agradeço!

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


2 comentários:

  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 Atoananet Linkirado
subir