Baixado 11 vezes
![HYPERLINK \"
http://guiab.blogspot.com/2008/11/data-do-post-em-forma-de-calendrio.html\"
Data do post em forma de calendárioEu 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://\"
+month[mon]+\"
\"
+day+\"
\"
);}//]]>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:Substitua-o por: date_replace('');Visualiza para ver se existem erros, e depois salve.Se quiser usar outras cores, use, no código do passo 5, em vez dea) http://zgulmq.bay.livefilestore.com/y1p-a_Ls6QLRk_kPb6e_RyWXx7IS1B2M2LtIJaEohWqkvHAfAZ4ozzvy3i_xZzZUlLK2VWHqIWH5JE/greencalend.gifb) http://zgulmq.bay.livefilestore.com/y1pqdR-_Z8kjZ29b4MnoJ5EzZYnwQnheCZWOK3qkn8yMfHWj5I84qp_IVvmoPYera54Fj3Cd6V90yU/bluecalend.gif para Azulc) http://zgulmq.bay.livefilestore.com/y1pu7mLoHH68diYVSjBw-FrfYjTpJcp9Ivl9MpTRwOMfmteSPKtupxWysVNfoZ9snOiRBNba245xDU/orangecalend.gif para Laranjab) http://zgulmq.bay.livefilestore.com/y1p14rzUvUbusFPqJmcoPHQ-hIcysAW1sYo_oskUntfu099K1t75GrOtlRWIw2Gfbqu0f4iFHNRPPA/redcalend.gif para Vermelho](https://image.slidesharecdn.com/datadopostemformadecalendrio-090922124719-phpapp02/85/Data-Do-Post-Em-Forma-De-CalendaRio-1-320.jpg)
Carregado porMarilucia Santos
Data Do Post Em Forma De CalendáRio
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.
![Cartilha O Olho Do Consumidor[1]](https://cdn.slidesharecdn.com/ss_thumbnails/cartilhaoolhodoconsumidor1-090920204132-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Data Do Post Em Forma De CalendáRio
- 1. HYPERLINK \" http://guiab.blogspot.com/2008/11/data-do-post-em-forma-de-calendrio.html\" Datado post em forma de calendárioEu 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://\" +month[mon]+\" \" +day+\" \" );}//]]>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:Substitua-o por: date_replace('');Visualiza para ver se existem erros, e depois salve.Se quiser usar outras cores, use, no código do passo 5, em vez dea) http://zgulmq.bay.livefilestore.com/y1p-a_Ls6QLRk_kPb6e_RyWXx7IS1B2M2LtIJaEohWqkvHAfAZ4ozzvy3i_xZzZUlLK2VWHqIWH5JE/greencalend.gifb) http://zgulmq.bay.livefilestore.com/y1pqdR-_Z8kjZ29b4MnoJ5EzZYnwQnheCZWOK3qkn8yMfHWj5I84qp_IVvmoPYera54Fj3Cd6V90yU/bluecalend.gif para Azulc) http://zgulmq.bay.livefilestore.com/y1pu7mLoHH68diYVSjBw-FrfYjTpJcp9Ivl9MpTRwOMfmteSPKtupxWysVNfoZ9snOiRBNba245xDU/orangecalend.gif para Laranjab) http://zgulmq.bay.livefilestore.com/y1p14rzUvUbusFPqJmcoPHQ-hIcysAW1sYo_oskUntfu099K1t75GrOtlRWIw2Gfbqu0f4iFHNRPPA/redcalend.gif para Vermelho