41. Como incluir um calendário no meu blog ?

Esse site te ajudou ? Então divulgue-o para que ele possa ajudar outros blogueiros!
Cole esse selo no seu blog:

Adicione o seguinte código ao seu blog:

<script type="text/javascript" language="JavaScript">setCal(); function getTime() { var now = new Date(); var hour = now.getHours(); var minute = now.getMinutes(); now = null; var ampm = ""; if (hour >= 12) { hour -= 12; ampm = "PM"; } else ampm = "AM"; hour = (hour == 0) ? 12 : hour; if (minute < 10); minute = "0" + minute; return hour + ":" + minute + " " + ampm; } function leapYear(year) { if (year % 4 == 0) return true; return false;} function getDays(month, year) { var ar = new Array(12); ar[0] = 31; ar[1] = (leapYear(year)) ? 29 : 28; ar[2] = 31; ar[3] = 30; ar[4] = 31; ar[5] = 30; ar[6] = 31; ar[7] = 31; ar[8] = 30; ar[9] = 31; ar[10] = 30; ar[11] = 31; return ar[month]; } function getMonthName(month) { var ar = new Array(12); ar[0] = "Janeiro"; ar[1] = "Fevereiro"; ar[2] = "Março"; ar[3] = "Abril"; ar[4] = "Maio"; ar[5] = "Junho"; ar[6] = "Julho"; ar[7] = "Agosto"; ar[8] = "Setembro"; ar[9] = "Outubro"; ar[10] = "Novembro"; ar[11] = "Dezembro"; return ar[month]; } function setCal() { var now = new Date(); var year = now.getYear(); if (year < 1000); year+=1900; var month = now.getMonth(); var monthName = getMonthName(month); var date = now.getDate(); now = null; var firstDayInstance = new Date(year, month, 1); var firstDay = firstDayInstance.getDay(); firstDayInstance = null; var days = getDays(month, year); drawCal(firstDay + 1, days, date, monthName, year); } function drawCal(firstDay, lastDate, date, monthName, year) { var headerHeight = 15; var border = 1; var cellspacing = 1; var headerColor = "midnightblue"; var headerSize = "+1"; var colWidth = 20; var dayCellHeight = 13; var dayColor = "darkblue"; var cellHeight = 11; var todayColor = "red"; var timeColor = "purple"; var text = ""; text += '<CENTER>'; text += '<TABLE BORDER=' + border + ' CELLSPACING=' + cellspacing + '>'; text += '<TH COLSPAN=7 HEIGHT=' + headerHeight + '>'; text += '<FONT COLOR="' + headerColor + '" SIZE=' + headerSize + '>'; text += monthName + ' ' + year; text += '</FONT>'; text += '</TH>'; var openCol = '<TD WIDTH=' + colWidth + ' HEIGHT=' + dayCellHeight + '>'; openCol += '<FONT COLOR="' + dayColor + '">'; var closeCol = '</FONT></TD>'; var weekDay = new Array(7); weekDay[0] = "Dom"; weekDay[1] = "Seg"; weekDay[2] = "Ter"; weekDay[3] = "Qua"; weekDay[4] = "Qui"; weekDay[5] = "Sex"; weekDay[6] = "Sab"; text += '<TR ALIGN="center" VALIGN="center">'; for (var dayNum = 0; dayNum < 7; ++dayNum) { text += openCol + weekDay[dayNum] + closeCol; } text += '</TR>'; var digit = 1; var curCell = 1; for (var row = 1; row <= Math.ceil((lastDate + firstDay - 1) / 7); ++row) { text += '<TR ALIGN="right" VALIGN="top">'; for (var col = 1; col <= 7; ++col) { if (digit > lastDate) break; if (curCell < firstDay) { text += '<TD></TD>'; curCell++; } else { if (digit == date) { text += '<TD HEIGHT=' + cellHeight + '>'; text += '<FONT COLOR="' + todayColor + '">'; text += digit; text += '</FONT>'; text += '</TD>'; } else text += '<TD HEIGHT=' + cellHeight + '>' + digit + '</TD>'; digit++; } } text += '</TR>'; } text += '</TABLE>'; text += '</CENTER>'; document.write(text); } </script>

Exemplo:



Posts similares:
23. Como exibir a data e hora atual ?
40. Como exibir um tradutor de palavras no meu blog ?
Trailers do inferno