Cara Buat Widget Zodiac dan Shio

Tutorial kali ini adalah Cara Buat Widget Zodiac dan Shio pada blog, menambah atau membuat Aplikasi Zodiak, Shio atau Bintang seringkali menjadi suatu saran untuk menentukan sifat dan karakter seseorang, bahkan beberapa orang menjadikannya sebagai dasar untuk meramal masa depan. Lepas dari akurat atau tidaknya sifat seseorang berdasarkan zodiak dan Shio, pada tip kali ini kita akan membuat sebuah script sederhana untuk menentukan zodiak dan shio berdasarkan tanggal tertentu.
Script akan menerima masukan berupa tanggal, bulan dan tahun, kemudian dari masukan tersebut ditampilkan zodiak dan shio-nya. untuk Demonya anda silahkan Lihat disini. Bagaimana anda Suka? Code Scriptnya dibawah ini

<script language="javascript">
////
function signs() {
var start = 1901, birthyear = document.zodiac.year.value, date=document.zodiac.date.value, month=document.zodiac.month.selectedIndex;


with (document.zodiac.sign){


if (month == 1 && date >=20 || month == 2 && date <=18) {value = "Aquarius";}
if (month == 1 && date > 31) {value = "Huh?";}
if (month == 2 && date >=19 || month == 3 && date <=20) {value = "Pisces";}
if (month == 2 && date > 29) {value = "Say what?";}
if (month == 3 && date >=21 || month == 4 && date <=19) {value = "Aries";}
if (month == 3 && date > 31) {value = "OK. Whatever.";}
if (month == 4 && date >=20 || month == 5 && date <=20) {value = "Taurus";}
if (month == 4 && date > 30) {value = "I'm soooo sorry!";}
if (month == 5 && date >=21 || month == 6 && date <=21) {value = "Gemini";}
if (month == 5 && date > 31) {value = "Umm ... no.";}
if (month == 6 && date >=22 || month == 7 && date <=22) {value = "Cancer";}
if (month == 6 && date > 30) {value = "Sorry.";}
if (month == 7 && date >=23 || month == 8 && date <=22) {value = "Leo";}
if (month == 7 && date > 31) {value = "Excuse me?";}
if (month == 8 && date >=23 || month == 9 && date <=22) {value = "Virgo";}
if (month == 8 && date > 31) {value = "Yeah. Right.";}
if (month == 9 && date >=23 || month == 10 && date <=22) {value = "Libra";}
if (month == 9 && date > 30) {value = "Try Again.";}
if (month == 10 && date >=23 || month == 11 && date <=21) {value = "Scorpio";}
if (month == 10 && date > 31) {value = "Forget it!";}
if (month == 11 && date >=22 || month == 12 && date <=21) {value = "Sagittarius";}
if (month == 11 && date > 30) {value = "Invalid Date";}
if (month == 12 && date >=22 || month == 1 && date <=19) {value = "Capricorn";}
if (month == 12 && date > 31) {value = "No way!";}
}
x = (start - birthyear) % 12
with (document.zodiac.csign){
if (x == 1 || x == -11) {value = "Tikus";}
if (x == 0) {value = "Ox";}
if (x == 11 || x == -1) {value = "Macan";}
if (x == 10 || x == -2) {value = "Kelinci";}
if (x == 9 || x == -3) {value = "Naga";}
if (x == 8 || x == -4) {value = "Ular";}
if (x == 7 || x == -5) {value = "Kuda";}
if (x == 6 || x == -6) {value = "Kambing";}
if (x == 5 || x == -7) {value = "Monyet";}
if (x == 4 || x == -8) {value = "Ayam";}
if (x == 3 || x == -9) {value = "Anjing";}
if (x == 2 || x == -10) {value = "Babi";}


}
}
</script>
<form name="zodiac">
<center>
<table bgcolor="#9DACBF" border="2" bordercolor="#000000" rules="none" cellspacing="2" cellpadding="4">
<tr>
<td width="55"><b>Tahun</b></td>
<td width="155"><input type="text" size="10" name="year" onclick="value=&quot;&quot;" /></td>
<tr>
<td><b>Bulan</b></td>
<td>
<select name="month">
<option value="x" />Pilih Bulan
<option value="1" />Januari
<option value="2" />February
<option value="3" />Maret
<option value="4" />April
<option value="5" />Mei
<option value="6" />Juni
<option value="7" />Juli
<option value="8" />Augustus
<option value="9" />September
<option value="10" />Oktober
<option value="11" />November
<option value="12" />Desember
</select></td>
</tr>
<tr>
<td><b>Tanggal</b></td>
<td><input type="text" name="date" size="3" onclick="value=&quot;&quot;" /></td>
</tr>
<tr>
<td colspan="2" bgcolor="#9DACBF"><div align="center">
<input type="button" value="Klik Untuk Melihat Hasilnya" onclick="signs()" />
</div></td>
</tr>
<tr>
<td><b>Zodiak: </b></td>
<td bgcolor="#9DACBF"><div align="right">
<input type="text" name="sign" size="12" value="" align="right" /></div></td></tr>
<td></td></tr>
<tr>
<td><b>Shio:</b></td>
<td bgcolor="#9DACBF"><div align="right">
<input type="text" name="csign" size="12" /></div></td>
</tr>
</table>
</center>
</form>
<p align="center">This script by<br />

<<SEBELUMNYA                                                                              DAFTAR ISI                                                                             BERIKUTNYA>>