ΕΝΑΛΛΑΣΟΜΕΝΟ BACKGROUND ΣΤΟ BLOG ΣΑΣ

Διαφορετικό background στο blog σας ανάλογα με την ώρα της ημέρας. Αυτό το gadget είναι ειδικό για αυτούς που δεν θέλουν να γίνει το blog τους βαρετό. Οι εικόνες θα αλλάζουν αυτόματα την ώρα που τις έχω ρυθμίσει, έτσι το blog σας θα γίνει πιο διασκεδαστικό και πιο ενδιαφέρον .

Πάμε  να δούμε πως θα το βάλετε! 



1..Σύνδεση στον λογαριασμό σου στον blogger.com
2..Πίνακας ελέγχου
3..Σχεδίαση4..στοιχεία Σελίδας
5..Προσθήκη gadget6..HTML/Javascript


<script language="JavaScript">

day=new Date()     //..get the date

x=day.getHours()    //..get the hour

if(x>=0 && x<3) {


Και μέσα στο gadget βάζουμε τον παρακατω κωδικα:






 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>

7..Αποθήκευση  και είστε έτοιμοι!