Νέοι bloggers γεια σας !!! Θέλετε να αλλάζει το φόντο του blog σας 4 φορες την ημέρα, και να μην το βαριούνται οι επισκέπτες σας; Βρήκα έναν κώδικα που σας αλλάζει το backround κάθε 6 ώρες !!!Εσείς το μόνο που έχετε να κάνετε είναι να βρείτε 4 όμορφες φωτογραφίες που να ταιριάζουν στο blog σας και να είναι σε μεγάλη ανάλυση (πχ 1600x900 η 1900x1200)...

Μπαίνουμε ΣΧΕΔΙΑΣΗ=>Επεξεργασία HTML=>
και ψάχνουμε (με το ctrl+f) το : <HEAD>...και βάζουμε από κάτω από αυτό, τον κώδικα που σας δίνω πιο κάτω:
<script language="JavaScript">
day=new Date() //..get the date
x=day.getHours() //..get the hour
if(x>=0 && x<4) {
document.write('<style type="text/css">body{background: white url(1st.jpg); color: black}"></style>')
} else
if(x>=4 && x<12) {
document.write('<style type="text/css">body{background: white url(2nd.jpg); color: black}</style>')
} else
if(x>=12 && x<18) {
document.write('<style type="text/css">body{background: white url(3rd.jpg); color: black}</style>')
} else
if (x>=18 && x<24) {
document.write('<style type="text/css">body{background: white url(4th.jpg); color: black}</style>')
}</script>
**αλλάζετε στα κόκκινα με τα λινκ (τα μπλε) με τα φόντα που έχετε ήδη βρεί...
***αλλαγή φόντου τις ώρες :12pm to 4am, 4am to 12am, 12am to 6pm, and 6pm to 12pm
DEMO θα το δείτε ΕΔΩ (στο http://demobloghtml.blogspot.com/)
Τον κώδικα τον πήρα από : www.javascriptkit.com/ με τον τίτλο : Different background image according to time of day
ΚΑΛΗ ΕΠΙΤΥΧΙΑ !!!!

2 σχόλια:
Γεια σου Παντελή
Αν κατάλαβα καλά όπου είναι τα μπλέ γράμματα πρέπει να βάλουμε to url της φωτο την οποία πρώτα πρέπει να την αποθηκεύσουμε απο κάποιο image hosting. Τα κόκκινα γράμματα δεν τα πειράζουμε. Καλά τό λέω??
Επίσης μπορώ αντί για 4 φωτο δλδ 4 εξαωρα να βάλω 3 φωτο ανα 8 ώρες?
Σε ευχαριστώ
ΓΙΩΡΓΟΣ
Γιώργο, σωστα το έγραψες...μέσα στις παρενθέσεις μπαίνουν οι διευθύνσεις των εικόνων που θα χρησιμοποιήσεις για φόντο !
Για να αλλάζει πιο συχνά, πρέπει να αλλάξεις όλες τις παραμέτρους (ώρες, εικόνες), επαναλαμβάνοντας τη φράση:
if...εως το ....else
(αλλάζοντας τις ανάλογες παραμέτρους και νούμερα)
Δημοσίευση σχολίου