Hoje vamos explicar como inserir um calendário no Blogger. Poderá inserir este calendário (em português) gratuitamente e sem grandes complicações.
De salientar que o código fornecido, também é válido para outras plataformas, por exemplo, WordPress.
Em primeiro lugar, faça o login na sua conta Blogger e aceda ao menu Design – Elementos de página – Adicionar Miniaplicação. Adicione uma miniaplicação de HTML/JavaScript e cole o seguinte código:

Como inserir um calendário no Blogger [Tutorial]


Clique no botão “Copy in clipboard”, para copiar o código:
calendário no Blogger
Após colar o código do calendário, clique em “Guardar”.

-----------------------------------------------------------------------------------------------------------------------

01<script language="JavaScript">
02<!-- Begin
03var dia_da_semana = new Array('Dom','Seg','Ter','Qua','Qui','Sex','Sab');
04var mes_do_ano = new Array('Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro');
05var Calendar = new Date();
06var ano = Calendar.getFullYear();     
07var mes = Calendar.getMonth();   
08var hoje = Calendar.getDate();   
09var dia = Calendar.getDay(); 
10var DIA_DA_SEMANA = 7;   
11var DIA_DO_MES = 31;   
12var imprimir;   
13Calendar.setDate(1);   
14Calendar.setMonth(mes);   
15var TR_start = '<TR>';
16var TR_end = '</TR>';
17var highlight_start = '<TD WIDTH="29"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=ADD8E6 BORDERCOLOR=0000FF><TR><TD WIDTH=19><B><CENTER>';
18var highlight_end   = '</CENTER></TD></TR></TABLE></B>';
19var TD_start = '<TD WIDTH="29"><CENTER>';
20var TD_end = '</CENTER></TD>';
21imprimir =  '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>';
22imprimir += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;
23imprimir += '<TD COLSPAN="' + DIA_DA_SEMANA + '" BGCOLOR="#CDC9C9"><CENTER><B>';
24imprimir += mes_do_ano[mes]  + '   ' + ano + '</B>' + TD_end + TR_end;
25imprimir += TR_start;
26for(index=0; index < DIA_DA_SEMANA; index++)
27{
28if(dia == index)
29imprimir += TD_start + '<B>' + dia_da_semana[index] + '</B>' + TD_end;
30else
31imprimir += TD_start + dia_da_semana[index] + TD_end;
32}
33imprimir += TD_end + TR_end;
34imprimir += TR_start;
35for(index=0; index < Calendar.getDay(); index++)
36imprimir += TD_start + '  ' + TD_end;
37for(index=0; index < DIA_DO_MES; index++)
38{
39if( Calendar.getDate() > index )
40{
41  week_day =Calendar.getDay();
42  if(week_day == 0)
43  imprimir += TR_start;
44  if(week_day != DIA_DA_SEMANA)
45  {
46  var day  = Calendar.getDate();
47  if( hoje==Calendar.getDate() )
48  imprimir += highlight_start + day + highlight_end + TD_end;
49  else
50  imprimir += TD_start + day + TD_end;
51  }
52  if(week_day == DIA_DA_SEMANA)
53  imprimir += TR_end;
54  }
55  Calendar.setDate(Calendar.getDate()+1);
56}
57imprimir += '</TD></TR></TABLE></TABLE>';
58document.write(imprimir);
59document.write('<center><span style="font-size: x-small;"><a  href="http://www.montarumblog.com/como-inserir-calendario-no-blogger/" target=”_blank”>Clique aqui, para obter um calendário</a></span></center>');
60</script>
----------------------------------------------------------------------------------------------------------------------
Resultado final:
Dezembro 2012
Dom
Seg
Ter
Qua
Qui
Sex
Sab
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Clique aqui, para obter um calendário