Data Do Post Em Forma De CalendáRio
-
Upload
marilucia-santos -
Category
Technology
-
view
1.417 -
download
1
Transcript of Data Do Post Em Forma De CalendáRio
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 </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:
.dateblock {
background: url("http://zgulmq.bay.livefilestore.com/y1p-
a_Ls6QLRk_kPb6e_RyWXx7IS1B2M2LtIJaEohWqkvHAfAZ4ozzvy3i_xZzZUlLK2VWHqIWH5
JE/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:
<data:post.dateheader>
Substitua-o por:
<DIV class='dateblock'> <SCRIPT>
date_replace('<data:post.dateHeader/>');</SCRIPT></DIV
Visualiza para ver se existem erros, e depois salve.
Se quiser usar outras cores, use, no código do passo 5, em vez de
a) http://zgulmq.bay.livefilestore.com/y1p-
a_Ls6QLRk_kPb6e_RyWXx7IS1B2M2LtIJaEohWqkvHAfAZ4ozzvy3i_xZzZUlL
K2VWHqIWH5JE/greencalend.gif
b) http://zgulmq.bay.livefilestore.com/y1pqdR-
_Z8kjZ29b4MnoJ5EzZYnwQnheCZWOK3qkn8yMfHWj5I84qp_IVvmoPYera54
Fj3Cd6V90yU/bluecalend.gif para Azul
c) http://zgulmq.bay.livefilestore.com/y1pu7mLoHH68diYVSjBw-
FrfYjTpJcp9Ivl9MpTRwOMfmteSPKtupxWysVNfoZ9snOiRBNba245xDU/orang
ecalend.gif para Laranja
b) http://zgulmq.bay.livefilestore.com/y1p14rzUvUbusFPqJmcoPHQ-
hIcysAW1sYo_oskUntfu099K1t75GrOtlRWIw2Gfbqu0f4iFHNRPPA/redcalend.gif
para Vermelho