Data Do Post Em Forma De CalendáRio
•Transferir como DOCX, PDF•
1 gostou•374 visualizações
Este documento fornece instruções passo a passo para formatar as datas de publicação dos posts em um blog em um calendário visual. Os passos incluem alterar o formato da data, inserir código JavaScript antes do fechamento da tag <head> para substituir a data por um calendário, adicionar estilos CSS para formatar o calendário e substituir a tag de data padrão pelo código do calendário. Imagens de calendários verdes, azuis, laranjas e vermelhas são fornecidas para personalizar a cor do calendário.
![HYPERLINK
http://guiab.blogspot.com/2008/11/data-do-post-em-forma-de-calendrio.html
Data do post em forma de calendário Eu encontrei muitos tutoriais que ensinavam a mudar a data para um calendário, mas nenhum funcionava. Até que um dia, eu achei um blog (o Trick-Blog, em inglês) que ensinava isso, e funcionava.Bom, para começar: Passo 1:Vá no painel Configurações > Formatação, e no campo Formato da Data escolha mm.dd.aaaa e salve. Passo 2:Vá em Layout > Editar HTML , marque a opção Expandir Modelos de Widgets (faça um becape do seu template).Procure por , e cole o código abaixo antes dela:,[object Object],Passo 3:Procure por ]]> , e cole o código abaixo antes dela: .dateblock {background: url(
http://zgulmq.bay.livefilestore.com/y1p-a_Ls6QLRk_kPb6e_RyWXx7IS1B2M2LtIJaEohWqkvHAfAZ4ozzvy3i_xZzZUlLK2VWHqIWH5JE/greencalend.gif
)no-repeat;width: 50px;margin: 0;font-weight: bold;height: 50px;/*position: absolute;top: 0;left: 0;*/float: left;text-align: center;}.month {padding-left: -1cm;font-size: 11px;width: 37px;margin: 0 5px;text-transform: uppercase;color: #fff;}.day {padding-left: -1cm;color:#3366CC;font-size: 19px;width: 37px;margin: 0 5px;} Nota: o ícone de calendário que lhe aparecerá é igual ao meu, isto é, em verde.Para outras cores, continue a ler o post.Passo 4:Encontre:,[object Object]](https://image.slidesharecdn.com/datadopostemformadecalendrio-090922124719-phpapp02/85/data-do-post-em-forma-de-calendrio-1-320.jpg)
