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

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



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



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





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



                                                                                                                





<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>

                                                                                               

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



***Αυτή η ανάρτηση έγινε από το:  http://stagona-stagona.blogspot.com