Como personalizar a data do blog estilo calendário | Quero Dicas | Tutoriais para seu blogs


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.

Vamos personalizar? Então vem...

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 preferir =D

E você, gostou? Deixe seu comentário, pois ele é a fonte da minha inspiração. Beijinhos 
Me Contrate!


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

Comente. Mais peço que leia antes:

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 xingamentos entre outros, não serão publicados ou respondidos.

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

4 - Comentários somente URLs de terceiros, não serão publicados.

♥ - Caso queira divulgar seu blog gratuitamente, Acesse, Galeria de Blogs
♥ - Eu terei o maior prazer em colocar o link ou seu banner nesta galeria.

Muito obrigada por seu comentário e por sua vista.
Beijinhos ♥
Abrir Conversa em CódigoFechar Conversa em Código Abrir EmoticonFechar Emoticon

Obrigada por seu comentário! Ele é muito importante para mim.