Un mini calendario nel post date header su blogger

E' abbastanza semplice, basta smanettare il codice html del nostro template in questo modo:

1. Aprire Impostazioni -> Settaggi -> Formattazione e modificate le impostazioni della data a YYYY-MM-DD
   
   
2. Salvare
   
   
3. Aprire Layout -> Modifica HTML
   
   
4. Inserire nel tag head il seguente codice:
   
   
   <!-- orangevolt calendar widget -->
   <script src='http://anniebluesky.googlepages.com/fastinit.js'/>
   <script src='http://anniebluesky.googlepages.com/prototype-1.5.0.js'/>
   <script src='http://anniebluesky.googlepages.com/orangevolt-calendar.js'/>
   <!-- end calendar widget -->
   
   
   
5. Inserire lo stile css subito sotto:
   
   /* ------------- Calendar ------------- */
   

span.cal {
background:transparent url('CALENDAR-IMAGE-URL') no-repeat scroll 0%;
float:left;
height:49px;
width:48px;
font-family:"Trebuchet MS",Tahoma,Arial;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
margin-right: 13px;
}

span.cal_month {
color:#FFFFFF;
display:block;
font-size:11px;
line-height:11px;
margin-left:-3px;
padding-top:2px;
text-align:center;
text-transform:uppercase;
}

span.cal_day {
color:#999999;
display:block;
font-size:18px;
line-height:18px;
margin-left:-3px;
padding-top:8px;
text-align:center;
text-transform:uppercase;
}

Ovviamente bisognerà modificare CALENDAR-IMAGE-URL con la url dell'immagine calendario: nel mio caso ho utilizzato http://img242.imageshack.us/img242/6239/red3xjc3.png ma è possibile puntare una qualunque immagine ed eventualmente modificare il css per adattarlo meglio.