Oie meus docinhos de côco Hoje vou encinar como fazer
um calendário simples pra vçês colocarem no seu blog!
Vamos la?
1. No Blogger, vá em Design> Elementos da página.
2. Adicione um novo gadget de HTML/Javascript, e cole isso nele:
<SCRIPT LANGUAGE="JavaScript"><!-- Beginvar day_of_week = new Array('Dom','Seg','Ter','Qua','Qui','Sex','Sab');var month_of_year = new Array('Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro');var Calendar = new Date();var year = Calendar.getYear(); // Retorna o anovar month = Calendar.getMonth(); // Retorna mes (0-11)var today = Calendar.getDate(); // Retorna dias (1-31)var weekday = Calendar.getDay(); // Retorna dias (1-31)var DAYS_OF_WEEK = 7; // "constant" para o numero de dias na semanavar DAYS_OF_MONTH = 31; // "constant" para o numero de dias no mesvar cal; // Usado para imprimir na telaCalendar.setDate(1); // Comecar o calendario no dia '1'Calendar.setMonth(month); // Comecar o calendario com o mes atualvar TR_start = '<TR>';var TR_end = '</TR>';var highlight_start = '<TD WIDTH="30"><TABLE CELLSPACING=0 BORDER=1 BGCOLOR=DEDEFF BORDERCOLOR=CCCCCC><TR><TD WIDTH=20><B><CENTER>';var highlight_end = '</CENTER></TD></TR></TABLE></B>';var TD_start = '<TD WIDTH="30"><CENTER>';var TD_end = '</CENTER></TD>';cal = '<TABLE BORDER=1 CELLSPACING=0 CELLPADDING=0 BORDERCOLOR=BBBBBB><TR><TD>';cal += '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=2>' + TR_start;cal += '<TD COLSPAN="' + DAYS_OF_WEEK + '" BGCOLOR="#EFEFEF"><CENTER><B>';cal += month_of_year[month] + ' ' + year + '</B>' + TD_end + TR_end;cal += TR_start;for(index=0; index < DAYS_OF_WEEK; index++){if(weekday == index)cal += TD_start + '<B>' + day_of_week[index] + '</B>' + TD_end;elsecal += TD_start + day_of_week[index] + TD_end;}cal += TD_end + TR_end;cal += TR_start;for(index=0; index < Calendar.getDay(); index++)cal += TD_start + ' ' + TD_end;for(index=0; index < DAYS_OF_MONTH; index++){if( Calendar.getDate() > index ){week_day =Calendar.getDay();if(week_day == 0)cal += TR_start;if(week_day != DAYS_OF_WEEK){var day = Calendar.getDate();if( today==Calendar.getDate() )cal += highlight_start + day + highlight_end + TD_end;elsecal += TD_start + day + TD_end;}if(week_day == DAYS_OF_WEEK)cal += TR_end;}Calendar.setDate(Calendar.getDate()+1);}cal += '</TD></TR></TABLE></TABLE>';// MOSTRAR CALENDARIOdocument.write(cal);// End --></SCRIPT>
3. Pronto, agora é só salvar.
Nenhum comentário:
Postar um comentário
♥ Todos os Comentários serão respondidos .
♥ Leia Antes de Comentar .
♥ Se for falar sobre algo além do post, comente sobre ele primeiro .
♥ Não aceitarei nenhum tipo de xingamento, mas estou aberta a críticas contrutivas .
♥ Se for usar ou repassar algum tutorial, utilitário ou qualquer coisa que te inspire no Sweet Glitter, NUNCA esqueça de dar os merecidos créditos.
♥ Deixe o link ou url do seu blog no final do comentário para que eu possa retribuir a visita .
♥ No mais, obrigado pela visita e sejam bem vindos !