Data Do Post Em Forma De CalendáRio

1,565 views
1,482 views

Published on

Published in: Technology, Travel
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,565
On SlideShare
0
From Embeds
0
Number of Embeds
11
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Data Do Post Em Forma De CalendáRio

  1. 1. HYPERLINK " http://guiab.blogspot.com/2008/11/data-do-post-em-forma-de-calendrio.html" Data do post em forma de calendário<br />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.<br />Passo 2:Vá em Layout > Editar HTML , marque a opção Expandir Modelos de Widgets (faça um becape do seu template).Procure por </head> , e cole o código abaixo antes dela:<SCRIPT type='text/javascript'>//<![CDATA[function date_replace(date) {var da = date.split('.');var day = da[1], mon = da[0], year = da[2];var month =['0','Jan','Fev','Mar','Abr','Mai','Jun','Jul','Ago','Set','Out','Nov','Dez'];document.write(" <div class='month'>" +month[mon]+" </div> <div class='day'>" +day+" </div>" );}//]]></SCRIPT>Passo 3:Procure por ]]></b:skin> , e cole o código abaixo antes dela:<br />.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;}<br />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:<data:post.dateheader>Substitua-o por:<br /><DIV class='dateblock'> <SCRIPT> date_replace('<data:post.dateHeader/>');</SCRIPT></DIV<br />Visualiza para ver se existem erros, e depois salve.Se quiser usar outras cores, use, no código do passo 5, em vez de<br />a) http://zgulmq.bay.livefilestore.com/y1p-a_Ls6QLRk_kPb6e_RyWXx7IS1B2M2LtIJaEohWqkvHAfAZ4ozzvy3i_xZzZUlLK2VWHqIWH5JE/greencalend.gif<br />b) http://zgulmq.bay.livefilestore.com/y1pqdR-_Z8kjZ29b4MnoJ5EzZYnwQnheCZWOK3qkn8yMfHWj5I84qp_IVvmoPYera54Fj3Cd6V90yU/bluecalend.gif para Azul<br />c) http://zgulmq.bay.livefilestore.com/y1pu7mLoHH68diYVSjBw-FrfYjTpJcp9Ivl9MpTRwOMfmteSPKtupxWysVNfoZ9snOiRBNba245xDU/orangecalend.gif para Laranja<br />b) http://zgulmq.bay.livefilestore.com/y1p14rzUvUbusFPqJmcoPHQ-hIcysAW1sYo_oskUntfu099K1t75GrOtlRWIw2Gfbqu0f4iFHNRPPA/redcalend.gif para Vermelho<br />

×