belajardesaingrafisbersamawahyu: MEMBUAT KALENDER WEBSITE SEDERHANA

Selasa, 13 Maret 2012

MEMBUAT KALENDER WEBSITE SEDERHANA

CARA MEMBUAT KALENDER WEBSITE SEDERHANA

Kali ini kita akan membuat sebuah kalender web sederhana, menggunakan html dan javascript. Tutorial ini terdiri dari 2 langkah singkat yang insyaAllah mudah untuk diikuti.

Tahap pertama:
Letakkan script berikut ini di bagian "<head>" halaman web kamu.
<style type="text/css">
.main {
width:200px;
border:1px solid black;
}
.month {
background-color:black;
font:bold 12px verdana;
color:white;
}
.daysofweek {
background-color:gray;
font:bold 12px verdana;
color:white;
}
.days {
font-size: 12px;
font-family:verdana;
color:black;
background-color: lightyellow;
padding: 2px;
}
.days #today{
font-weight: bold;
color: red;
}
</style>
<script type="text/javascript" src="http://subhishine.freehostia.com/shine/files/basiccalendar.js">
</script>

Tahap 2:
Letakkan script berikut di bagian "<body>" file web kamu.

<script type="text/javascript">

var todaydate=new Date()
var curmonth=todaydate.getMonth()+1 //get current month (1-12)
var curyear=todaydate.getFullYear() //get current year

document.write(buildCal(curmonth ,curyear, "main", "month", "daysofweek", "days", 1));
</script>