how-to:ΕΝΑΛΛΑΣΟΜΕΝΟ BACKGROUND ΣΤΟ 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..Αποθήκευση και είστε έτοιμοι!







πηγη : bloggertips.gr