Δείτε Το Διεθνές & Κινέζικο Ζώδιό σας - Gadget For Blogger

Σήμερα θα δείτε ένα όμορφο, διακοσμητικό, ενημερωτικό (ή όπως αλλιώς θέλετε πέστε το) gadget το οποίο θα παρέχει την δυνατότητα στους επισκέπτες σας  να δούνε το κανονικό ή το Κινέζικο το Ζώδιό τους...(Δείτε Demo )
Το συγκεκριμένο gadget έχει μεταφραστεί στα Ελληνικά από το Freeware-tools.net. Για να το περάσετε στην σελίδα σας θα πρέπει να ακολουθήσετε 4 μικρά βήματα..

1) Σύνδεση στον λογαριασμό σας από το blogger.com
2) Διάταξη => Σχεδίαση => Προσθήκη gadget => HTML/Javascript
3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:

<script language="javascript" type="text/javascript">

function sunsign() {
document.form1.date.selectedIndex;
document.form1.month.selectedIndex;
document.form1.sign.value;
if (document.form1.month.selectedIndex == 1 && document.form1.date.selectedIndex <=19) {document.form1.sign.value = "Αιγόκερος";}
if (document.form1.month.selectedIndex == 1 && document.form1.date.selectedIndex >=20) {document.form1.sign.value = "Υδροχόος";}
if (document.form1.month.selectedIndex == 2 && document.form1.date.selectedIndex <=18) {document.form1.sign.value = "Υδροχόος";}
if (document.form1.month.selectedIndex == 2 && document.form1.date.selectedIndex >=19) {document.form1.sign.value = "Ιχθείς";}
if (document.form1.month.selectedIndex == 3 && document.form1.date.selectedIndex <=20) {document.form1.sign.value = "Ιχθείς";}
if (document.form1.month.selectedIndex == 3 && document.form1.date.selectedIndex >=21) {document.form1.sign.value = "Κριός";}
if (document.form1.month.selectedIndex == 4 && document.form1.date.selectedIndex <=20) {document.form1.sign.value = "Κριός";}
if (document.form1.month.selectedIndex == 4 && document.form1.date.selectedIndex >=21) {document.form1.sign.value = "Ταύρος";}
if (document.form1.month.selectedIndex == 5 && document.form1.date.selectedIndex <=20) {document.form1.sign.value = "Ταύρος";}
if (document.form1.month.selectedIndex == 5 && document.form1.date.selectedIndex >=21) {document.form1.sign.value = "Δίδυμος";}
if (document.form1.month.selectedIndex == 6 && document.form1.date.selectedIndex <=20) {document.form1.sign.value = "Δίδυμος";}
if (document.form1.month.selectedIndex == 6 && document.form1.date.selectedIndex >=21) {document.form1.sign.value = "Καρκίνος";}
if (document.form1.month.selectedIndex == 7 && document.form1.date.selectedIndex <=21) {document.form1.sign.value = "Καρκίνος";}
if (document.form1.month.selectedIndex == 7 && document.form1.date.selectedIndex >=22) {document.form1.sign.value = "Λέων";}
if (document.form1.month.selectedIndex == 8 && document.form1.date.selectedIndex <=21) {document.form1.sign.value = "Λέων";}
if (document.form1.month.selectedIndex == 8 && document.form1.date.selectedIndex >=22) {document.form1.sign.value = "Παρθένος";}
if (document.form1.month.selectedIndex == 9 && document.form1.date.selectedIndex <=21) {document.form1.sign.value = "Παρθένος";}
if (document.form1.month.selectedIndex == 9 && document.form1.date.selectedIndex >=22) {document.form1.sign.value = "Ζυγός";}
if (document.form1.month.selectedIndex == 10 && document.form1.date.selectedIndex <=21) {document.form1.sign.value = "Ζυγός";}
if (document.form1.month.selectedIndex == 10 && document.form1.date.selectedIndex >=22) {document.form1.sign.value = "Σκορπιός";}
if (document.form1.month.selectedIndex == 11 && document.form1.date.selectedIndex <=21) {document.form1.sign.value = "Σκορπιός";}
if (document.form1.month.selectedIndex == 11 && document.form1.date.selectedIndex >=22) {document.form1.sign.value = "Τοξότης";}
if (document.form1.month.selectedIndex == 12 && document.form1.date.selectedIndex <=20) {document.form1.sign.value = "Τοξότης";}
if (document.form1.month.selectedIndex == 12 && document.form1.date.selectedIndex >=21) {document.form1.sign.value = "Αιγόκερος";}

if (document.form1.month.selectedIndex == "x" || document.form1.date.selectedIndex == "y") return;
}

function validate() {
if (document.form1.month.selectedIndex == 2 && document.form1.date.selectedIndex > 29) {alert("Ο Φεβρουάριος έχει μόνο 29 μέρες."); return false;}
if (document.form1.month.selectedIndex == 4 && document.form1.date.selectedIndex == 31) {alert("Ο Απρίλιος έχει μόνο 30 μέρες."); return false;}
if (document.form1.month.selectedIndex == 6 && document.form1.date.selectedIndex == 31) {alert("Ο Ιούνιος έχει μόνο 30 μέρες."); return false;}
if (document.form1.month.selectedIndex == 9 && document.form1.date.selectedIndex == 31) {alert("Ο Σεπτέμβριος έχει μόνο 30 μέρες."); return false;}
if (document.form1.month.selectedIndex == 11 && document.form1.date.selectedIndex == 31) {alert("Ο Νοέμβριος έχει μόνο 30 μέρες."); return false;}
else{
return true;
}
}

</script>

<form name="form1">

<table border="0" bgcolor="c0c0c0" cellspacing="0" cellpadding="1">
<tr>
<td>
<font size="1" face="verdana, arial, helvetica, sans-serif"><b>&nbsp;Δώστε Μήνα&nbsp;</b></font>
</td>
<td>
<font size="1" face="verdana, arial, helvetica, sans-serif"><b>&nbsp;Δώστε Ημερομηνία&nbsp;</b></font>
</td>
<td rowspan="2">
<font size="3" face="verdana, arial, helvetica, sans-serif"><b>&nbsp;&nbsp;<b>:</b>&nbsp;</b></font>
</td>
<td>
<font size="1" face="verdana, arial, helvetica, sans-serif"><b>&nbsp;Δείτε το Ζώδιο σας&nbsp;</b></font>
</td>
</tr>
<tr>
<td>
&nbsp;<select name="month">
<option value="x" selected />&lt; Επέλεξε &gt;&nbsp;
<option value="1" />Ιανουάριος
<option value="2" />Φεβρουάριος
<option value="3" />Μάρτιος
<option value="4" />Απρίλιος
<option value="5" />Μάιος
<option value="6" />Ιούνιος
<option value="7" />Ιούλιος
<option value="8" />Αύγουστος
<option value="9" />Σεπτέμβριος
<option value="10" />Οκτώβριος
<option value="11" />Νοέμβριος
<option value="12" />Δεκέμβριος
</select>
</td>
<td>
&nbsp;<select name="date" onchange="validate()">
<option value="y" selected />&lt; Επέλεξε &gt;&nbsp;
<option value="1" />1
<option value="2" />2
<option value="3" />3
<option value="4" />4
<option value="5" />5
<option value="6" />6
<option value="7" />7
<option value="8" />8
<option value="9" />9
<option value="10" />10
<option value="11" />11
<option value="12" />12
<option value="13" />13
<option value="14" />14
<option value="15" />15
<option value="16" />16
<option value="17" />17
<option value="18" />18
<option value="19" />19
<option value="20" />20
<option value="21" />21
<option value="22" />22
<option value="23" />23
<option value="24" />24
<option value="25" />25
<option value="26" />26
<option value="27" />27
<option value="28" />28
<option value="29" />29
<option value="30" />30
<option value="31" />31
</select>
</td>
<td>
&nbsp;<input name="sign" size="12" value="Πάτα στο Κλικ" />&nbsp;<input type="button" value="Κλικ" onclick="sunsign()" />
</td>
</tr>
</table>
</form>

4) Αποθηκεύστε και είναι έτοιμο!

Mε την ίδια διαδικασία μπορείτε αν θέλετε να προσθέσετε και το gadget για το Κινέζικο Ωροσκόπιο δηλαδή:

1) Σύνδεση στον λογαριασμό σας από το blogger.com
2) Διάταξη => Σχεδίαση => Προσθήκη gadget => HTML/Javascript
3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:

<b>Κινέζικο Ωροσκόπιο:</b>
<script language="JavaScript">
<!--

function getpet () {

var toyear = 1997;
var birthyear = document.frm.inyear.value;
var birthpet="Λάθος στην Χρονολογία"

x = (toyear - birthyear) % 12
if ((x == 1) || (x == -11)) {
birthpet="Ποντίκι" }
else {
if (x == 0) {
birthpet="Ox" }
else {
if ((x == 11) || (x == -1)) {
birthpet="Τίγρης" }
else {
if ((x == 10) || (x == -2)) {
birthpet="Κουνέλι" }
else {
if ((x == 9) || (x == -3)) {
birthpet="Δράκος" }
else {
if ((x == 8) || (x == -4)) {
birthpet="Φίδι" }
else {
if ((x == 7) || (x == -5)) {
birthpet="Άλογο" }
else {
if ((x == 6) || (x == -6)) {
birthpet="Πρόβατο" }
else {
if ((x == 5) || (x == -7)) {
birthpet="Μαϊμού" }
else {
if ((x == 4) || (x == -8)) {
birthpet="Κότα" }
else {
if ((x == 3) || (x == -9)) {
birthpet="Σκύλος" }
else {
if ((x == 2) || (x == -10)) {
birthpet="Γουρούνι" }
}
}
}
}
}
}
}
}
}
}
}
document.frm.birth.value = birthpet;

}
// -->
</script>


<p>Γράψε Χρονολογία Γέννησης. (Παράδειγμα: 1974) </p>
<form name="frm">
<p><input type="text" size="4" name="inyear" value="1974" /> <input type="button" value="Το Ζώδιο μου είναι:"
onclick="getpet()" /> <br />
</p>
<p><input type="text" size="9" name="birth" /> </p>
</form>

4) Αποθηκεύστε και είναι έτοιμο!
Μπορείτε να χρησιμοποιήσετε τα 2 αυτά Gadgets ξεχωριστά ή ακόμη και μαζί περνώντας και τους 2 κώδικες μαζί...

Ίσως να σου αρέσουν και αυτά: