ΠΡΟΣΘΕΤΟΥΜΕ ΕΝΑΛΛΑΣΟΜΕΝΟ BACKGROUND (ΦΟΝΤΟ) ΣΤΟ BLOG MΑΣ..!!!

Καλησπερίζω όλους τους φίλους και αναγνώστες του blog, σήμερα σας έχω πραγματικά πάρα πόλη κάλο gadget, τι θα λέγατε αν το φόντο του blog σας άλλαζε αυτόματα της ώρες που εσείς επιθυμείτε.. νομίζω πως θα σας αρέσει πολλή πάμε λοιπόν να δούμε πως θα κάνουμε το φόντο (Background) του blog μας να αλλάζει αυτόματα.





Αντιγράφουμε των παρακάτω κωδικό;

<script language="JavaScript">
day=new Date()     //..get the date
x=day.getHours()    //..get the hour
if(x>=0 && x<3) {

   document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της 00:00 -03:00 ..... ); color: blackbackground-position: center; background-repeat:no-repeat; background-attachment: fixed; }</style>')

} else
if(x>=3&& x<8) {

   document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της 03:00-08:00  ..... ); color: blackbackground-position: center; background-repeat:no-repeat; background-attachment: fixed; }</style>')

} else
if(x>=8 && x<12) {

   document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της  08:00-12:00 ..... ); color: blackbackground-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>')

} else
if (x>=12 && x<18) {
   document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της 12:00 -18:00 ..... ); color: blackbackground-position: center; background-repeat:no-repeat; background-attachment: fixed; }</style>')

} else

if (x>=18 && x<22) {

document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της  18:00-22:00 ..... ); color: blackbackground-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>')

} else

if (x>=22 && x<24) {

document.write('<style type="text/css">body{background: white url( ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της  22:00-24:00 ..... ); color: blackbackground-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style>')
}
</script>


1) Πίνακάς έλεγχου
2) Σχεδίασή
3) Προσθήκη Gadget
4) Html/javascript
5) Επικόλλησή του κωδικά
6) Αποθήκευσή

ΠΡΟΣΟΧΗ:
Στο σημείο που λέει ...εδώ το url της εικόνας που θα εμφανίζετε στο blog σας από της  18:00-22:00 .....  βάζετε το link της φωτογραφίας που θέλετε να εμφανίζετε ως φόντο.

Και είστε έτοιμη.!! εάν σας άρεσε το Gadget αφήστε σχόλιο.