Kata Share | Mas Sehat | Ston SEO Responsif Blogger Template

Cara Membuat Kalender dengan html

Pagi agan agan... Kali ini saya akan membagikan cara membuat kalender sederhana dengan html... langsung saja ya..

  1. Buka Notepad
  2. Lalu Copy Pastekan Code dibawah ini 
<html>
<head>
<title>Kalender</title>
</head>
<body>
<script type="Text/Javascript">
var months = new Array();
months[0] = "Januari";
months[1] = "Peburari";
months[2] = "Maret";
months[3] = "April";
months[4] = "Mei";
months[5] = "Juni";
months[6] = "Juli";
months[7] = "Agustus";
months[8] = "September";
months[9] = "Oktober";
months[10] = "Nopember";
months[11] = "Desember";

var currentDate = new Date();
var currentMonth = currentDate.getMonth();
var hariini=currentDate.getDate();
currentDate.setDate(1);
document.write("<table align='center' border=1 cellpadding=3 cellspacing=0>");
document.write("<tr>");
document.write("<td colspan=7 align='center'><strong>"+ months[currentMonth] +"</strong></td>");
document.write("</tr>")
document.write("<tr bgcolor='#AAAAAA'>");
document.write("<td align='center'>Minggu</td>");
document.write("<td align='center'>Senin</td>");
document.write("<td align='center'>Selasa</td>");
document.write("<td align='center'>Rabu</td>");
document.write("<td align='center'>Kamis</td>");
document.write("<td align='center'>Jumat</td>");
document.write("<td align='center'>Sabtu</td>");
document.write("</tr>");

if (currentDate.getDay() != 0)
{
document.write("<tr>");
for (i = 0; i < currentDate.getDay(); i++)
{
document.write("<td>&nbsp;</td>");
}
}

while (currentDate.getMonth() == currentMonth)
{
if (currentDate.getDay == 0)
{
document.write("<tr>");
}

if (hariini==currentDate.getDate())
{
document.write("<td align='center' bgcolor='#00FF00'> <font color='#0000FF'><strong>" + currentDate.getDate() + "</strong></font></td>");
}

else
{
document.write("<td align='center'>" + currentDate.getDate() + "</td>");
}

if (currentDate.getDay() == 6)
{
document.write("</tr>");
}
currentDate.setDate(currentDate.getDate() + 1);
}

for (i = currentDate.getDay(); i <= 6; i++)
{
document.write("<td>&nbsp;</td>");
}

document.write("</table>");
</script>
</body>
</html>
Lalu Simpan Dengan nama judulmu.html

" Judulmu.html" bisa diubah dengan nama terserah anda, tetapi html ya jangan ya...

Semoga Bermanfaat..

Kata Mutiara dari Kami..

Ayah mengajarkan tentang pengorbanan, Ibu mengajarkan tentang ketulusan. 
Terima kasih telah membaca artikel tentang Cara Membuat Kalender dengan html di Dhimas Blog's jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini diwebbroswer anda, dengan cara menekan Ctrl + D pada tombol keyboard anda. Apabila Ada Keluhan,Saran Bisa Kirim Ke Facebook Saya.

Artikel terbaru :

Kata Share | Mas Sehat | Ston SEO Responsif Blogger Template

1 comments :