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:
Clique no botão “Copy in clipboard”, para copiar o código:
Após colar o código do calendário, clique em “Guardar”.
-----------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------
Resultado final:
Clique aqui, para obter um calendário
calendários
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:
Clique no botão “Copy in clipboard”, para copiar o código:
Após colar o código do calendário, clique em “Guardar”.
-----------------------------------------------------------------------------------------------------------------------
01 | <script language= "JavaScript" > |
02 | <!-- Begin |
03 | var dia_da_semana = new Array( 'Dom' , 'Seg' , 'Ter' , 'Qua' , 'Qui' , 'Sex' , 'Sab' ); |
04 | var mes_do_ano = new Array( 'Janeiro' , 'Fevereiro' , 'Março' , 'Abril' , 'Maio' , 'Junho' , 'Julho' , 'Agosto' , 'Setembro' , 'Outubro' , 'Novembro' , 'Dezembro' ); |
05 | var Calendar = new Date(); |
06 | var ano = Calendar.getFullYear(); |
07 | var mes = Calendar.getMonth(); |
08 | var hoje = Calendar.getDate(); |
09 | var dia = Calendar.getDay(); |
10 | var DIA_DA_SEMANA = 7 ; |
11 | var DIA_DO_MES = 31 ; |
12 | var imprimir; |
13 | Calendar.setDate( 1 ); |
14 | Calendar.setMonth(mes); |
15 | var TR_start = '<TR>' ; |
16 | var TR_end = '</TR>' ; |
17 | var highlight_start = '<TD
WIDTH="29"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=ADD8E6
BORDERCOLOR=0000FF><TR><TD
WIDTH=19><B><CENTER>' ; |
18 | var highlight_end = '</CENTER></TD></TR></TABLE></B>' ; |
19 | var TD_start = '<TD WIDTH="29"><CENTER>' ; |
20 | var TD_end = '</CENTER></TD>' ; |
21 | imprimir = '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>' ; |
22 | imprimir += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start; |
23 | imprimir += '<TD COLSPAN="' + DIA_DA_SEMANA + '" BGCOLOR="#CDC9C9"><CENTER><B>' ; |
24 | imprimir += mes_do_ano[mes] + ' ' + ano + '</B>' + TD_end + TR_end; |
25 | imprimir += TR_start; |
26 | for(index= 0 ; index < DIA_DA_SEMANA; index++) |
27 | { |
28 | if(dia == index) |
29 | imprimir += TD_start + '<B>' + dia_da_semana[index] + '</B>' + TD_end; |
30 | else |
31 | imprimir += TD_start + dia_da_semana[index] + TD_end; |
32 | } |
33 | imprimir += TD_end + TR_end; |
34 | imprimir += TR_start; |
35 | for(index= 0 ; index < Calendar.getDay(); index++) |
36 | imprimir += TD_start + ' ' + TD_end; |
37 | for(index= 0 ; index < DIA_DO_MES; index++) |
38 | { |
39 | if( 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 | } |
57 | imprimir += '</TD></TR></TABLE></TABLE>' ; |
58 | document.write(imprimir); |
59 | document.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:
Sem Comentários