Como fazer menu com data

O menu é esse que usamos no site atualmente PREVIEW. 

Ele é ótimo para que vejam quando foi sua última postagem, para fã sites, serve como agenda, enfim, você poderá colocá-lo aonde quiser. Só peço que não repassem e que se usarem o menu, deem os devidos créditos ao nosso site.

Primeiro copie o código abaixo e cole ele no seu css. Se você usa blogger, tumblr ou sites que contenham uma caixinha de HTML, você pode colocá-lo depois de <style> e antes de </style>

/* ------------ SWEETPOISON ------------ */
.datinha1 {
color: #918273;
font-size: 12px;
font-family: Calibri
letter-spacing: 1px;
background-color: #ede8dd;
border-bottom: 2px solid #e2dccf; 
text-align: left;
width: 255px;
padding: 3px 3px 3px 3px;
cursor: crosshair;
}




.by2 {margin-right: 5px; 
padding:1px;
text-align: center;
font-size: 13px;
font-weight:bold;
font-family: Courier New;
background-color: #dcd3c0;
float:left; 
width: 45px;
color:#4d3e40;}
Faça as mudanças de cores necessárias. 

Seu menu está pronto. Agora, cada vez que quiser que ele apareça, coloque o código abaixo:

<div class="datinha1"><div class="by2">17/04</div><a href="http://SEULINKAQUI">SEU TÍTULO AQUI</a></div>

 Por: Pâmela Sampaio em 17/04/14
Não copiem o tutorial e nem os códigos 
e se for útil, deem os devidos créditos! 
Facebook Twitter Pinterest Google+ Email Addthis