Widget Zodiak | Blogger

Subyek: Widget Zodiak | Blogger Sun 20 Feb 2011 - 5:06

Cara Menambah atau Membuat Aplikasi Zodiak, Shio atau Bintang ke Blog anda itu lah pembahasan Utama kita hari ini. Zodiak dan shio 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.

Berikut langkah-langkah untuk membuatnya:
Kode HTML awal untuk script ini adalah:
<html>
<head>
<title>Zodiak</title>
</head>
Script kita letakkan di bawah tag . Function pada script untuk mencari zodiak dan shio dijadikan dalam sebuah function bernama function signs. cara penentuan zodiak adalah melalui seleksi tanggal:
<body>
<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 = "tanggal tidak valid";}
if (month == 2 && date >=19 || month == 3 && date <=20) {value = "Pisces";}
if (month == 2 && date > 29) {value = "tanggal tidak valid";}
if (month == 3 && date >=21 || month == 4 && date <=19) {value = "Aries";}
if (month == 3 && date > 31) {value = "tanggal tidak valid";}
if (month == 4 && date >=20 || month == 5 && date <=20) {value = "Taurus";}
if (month == 4 && date > 30) {value = "tanggal tidak valid";}
if (month == 5 && date >=21 || month == 6 && date <=21) {value = "Gemini";}
if (month == 5 && date > 31) {value = "tanggal tidak valid";}
if (month == 6 && date >=22 || month == 7 && date <=22) {value = "Cancer";}
if (month == 6 && date > 30) {value = "tanggal tidak valid";}
if (month == 7 && date >=23 || month == 8 && date <=22) {value = "Leo";}
if (month == 7 && date > 31) {value = "tanggal tidak valid";}
if (month == 8 && date >=23 || month == 9 && date <=22) {value = "Virgo";}
if (month == 8 && date > 31) {value = "tanggal tidak valid";}
if (month == 9 && date >=23 || month == 10 && date <=22) {value = "Libra";}
if (month == 9 && date > 30) {value = "tanggal tidak valid";}
if (month == 10 && date >=23 || month == 11 && date <=21) {value = "Scorpio";}
if (month == 10 && date > 31) {value = "tanggal tidak valid";}
if (month == 11 && date >=22 || month == 12 && date <=21) {value = "Sagittarius";}
if (month == 11 && date > 30) {value = "tanggal tidak valid";}
if (month == 12 && date >=22 || month == 1 && date <=19) {value = "Capricorn";}
if (month == 12 && date > 31) {value = "tanggal tidak valid";}
}
Untuk menentukan shio, caranya dengan mendapatkan sisa bagi tahun dengan 12 (karena shio akan berulang setiap 12 tahun sekali). sebenarnya, cara ini tidak terlalu akurat mengingat pergantian tahun dalam penanggalan Cina tidak tepat seperti pergantian tahun masehi:
x = (start - birthyear) % 12
with (document.zodiac.csign){

if (x == 1 || x == -11) {value = "Tikus";}
if (x == 0) {value = "kerbau";}
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 == - Cool

{value = "Ayam";}
if (x == 3 || x == -9) {value = "Anjing";}
if (x == 2 || x == -10) {value = "Babi";}
}
}
</script>
Langkah terakhir adalah membuat Interface :
<center><b>Zodiak dan shio</b></center>
<form name="zodiac">
<center>
<table bgcolor="#eeaa00" border="2" bordercolor="#000000" rules="none" cellspacing="0" cellpadding="4">
<tr><td><b><i>year</i></b></td>
<td><div align="right"><input type="text" size="10" name="year" value="Birth Year" onClick=value=""></div></td>
<td></td>
<tr><td><b><i>Month</i></b></td>
<td><div align="right">
<select name="month">
<option value="x">Select Birth Month</option>
<option value="1">Januari</option>
<option value="2">Februari</option>
<option value="3">Maret</option>
<option value="4">April</option>
<option value="5">Mei</option>
<option value="6">Juni</option>
<option value="7">Juli</option>
<option value="8">Agustus</option>
<option value="9">September</option>
<option value="10">Oktober</option>
<option value="11">November</option>
<option value="12">Desember</option>
</select>
</div>
</td>
<td></td></tr>
<tr><td><b><i>Day</i></b></td>

<td><div align="right"><input type="text" name="date" value="Day" size="3" onClick=value=""></td>

<td><input type="button" value="calculate" onClick="signs()"></div></td></tr>

<tr><td><b><i>Sun Sign:</i></b></td>
<td><div align="right"><input type="text" name="sign" size="16" value="" align="right"></div></td></tr>
<td></td></tr>
<tr><td><b><i>Chinese Sign:</i></b></td>
<td><div align="right"><input type="text" name="csign" size="12"></div></td>
<td></td></tr>

</table>
</center>
</form>

</body>
</html>
Nah untuk menambah Aplikasi Zodiak ke blog anda, cukup copy paste kode diatas ke dalam Elemen laman Gadget anda:
Simpan dan Selesai...
Selamat mencoba.........

Embarassed

jangan Lupa Kasih ++

Spoiler:

Spoiler:

Sharingan !!!

Subyek: Re: Widget Zodiak | Blogger Sat 26 Feb 2011 - 22:03

Gg JELAS

Subyek: Re: Widget Zodiak | Blogger Mon 18 Apr 2011 - 8:53

dicoba dulu aja gan

» BLOGGER V1.5 FULLHACK