Latest Blog News: Διαβάζετε πάντα και τα ΣΧΟΛΙΑ των αναρτήσεων!

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


Print Friendly and PDFPrintPrint Friendly and PDFPDF

Για σας είμαι ο 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









Stumble
Delicious
Technorati
Twitter
Facebook

8 comments:

Κλεισθένης είπε...

Μπράβο πολύ καλό.

pan de lees είπε...

ειναι πολυ καλο...το εχω δοκιμασει στο http://bloggershappiness.blogspot.com/...το αλλαζει καθε 6 ωρες...το ειχα δει σε ενα φορουμ πριν 8 μηνες...το πηραν κι αλλοι απο http://www.javascriptkit.com/script/script2/timeback.shtml ...ειναι πολυ σταθερο και αξιοπιστο

Ανώνυμος είπε...

Καλησπέρα,

Βρίσκω ιδιαίτερα πρωτότυπο το gadget αυτό, και θα ήθελα να σας ευχαριστήσω που το μοιράζεστε μαζί μας.
Αυτό που με ενδιαφέρει να μάθω είναι ποιες διαστάσεις θα πρέπει να έχει η εικόνα ώστε να καλύπτει πλήρως όλο το backgraound!?

pan de lees είπε...

ΚΑΤ ΑΡΧΑΣ ΝΑ ΠΩ ΟΤΙ ΤΟ GADGET TO ΕΒΑΛΑ ΚΑΙ ΔΟΥΛΕΥΕΙ ΣΤΟ DEMO BLOG ΠΟΥ ΕΧΩ, ΤΟ http://demobloghtml.blogspot.com/ ΑΛΛΑΖΕΙ ΚΑΘΕ 6 ΩΡΕΣ ΚΑΙ ΤΟ ΒΑΖΟΥΜΕ ΣΕ ΜΕΓΑΛΕΣ ΔΙΑΣΤΑΣΕΙΣ 1600Χ1200 Η 1400Χ 1200 ΠΕΡΙΠΟΥ...ΟΣΟ ΧΡΕΙΑΖΕΤΑΙ ΜΙΑ ΕΙΚΟΝΑ ΝΑ ΚΑΛΥΨΕΙ ΟΛΟ ΤΟ ΠΛΑΤΟΣ ΕΝΟΣ BLOG...ΔΙΑΛΕΓΟΥΜΕ 4 ΕΙΚΟΝΕΣ ΠΟΥ ΝΑ ΣΥΜΦΩΝΟΥΝ ΜΕ ΤΑ ΧΡΩΜΑΤΑ ΤΟΥ BLOG ΜΑΣ ΚΑΙ ΝΑ ΜΗ ΧΑΝΟΝΤΑΙ ΓΡΑΜΜΑΤΑ ΚΑΙ GADGETS

RopTeker είπε...

ΠΡΟΣΟΧΗ!!!
Μην επισκεφθείτε τον ιστότοπο STAGONA, είναι μολυσμένος με ιό!

http://stagona-stagona.blogspot.com

Θερμή παράκληση προς τον admin του BLOGGERTIPS να ελέγξει το συγκεκριμένο ιστότοπο ώστε να αφαιρέσει την διεύθυνση της ιστοσελίδας του STAGONA.
Ενδέχεται να αντιμετωπίσουν υψηλό κίνδυνο μόλυνσης οι αναγνώστες που θα το επισκεφθούν!!

stagona είπε...

STAGONA

na sou po re file RopTeker diladi esy perniese gia eksipnos tora me ayta pou les. Den exeis tipota kalitero na kaneis apo to na les psemata ston kosmo.
O kathenas mporei na mpei sto http://stagona-stagona.blogspot.com
gia na elenksei an einai alithia ayta pou les.

Staurovelonia είπε...

Παιδιά διορθώστε τον κώδικα!
Δεν είναι:
color: blackbackground-position: center;
Αλλά είναι:
color: black; background-position: center;
Και καλό είναι να ελέγχουμε τι ανεβάζουμε.
Κατ' άλλα είναι πολύ χρήσιμη όλη η δουλειά σας.
Ευχαριστώ

Ανδρέας Ζαχαρόπουλος είπε...

παιδες & admin... ποιες αλλαγες πρεπει να κανω στον κώδικα ώστε αντι για εικόνες να εναλλάσοντε χρωματα???

θέλω να το κάνω τύπου "μέρα - νύχτα" να ξεκινά πχ στις έξι το πρωί με ένα πολύ ανοιχτο γαλάζιο και να καταλήγει στις 3:00 σε πολυ σκούρο μπλέ.....
αναμένω τα φώτα σας!!

Δημοσίευση σχολίου

Παρακαλούμε τους φίλους αναγνώστες:

ΟΧΙ SPAM,
ΟΧΙ GREEKLISH,
ΟΧΙ ΠΡΟΣΒΛΗΤΙΚΑ ΣΧΟΛΙΑ

Παρακαλώ το σχόλιό σας να είναι σχετικό με την παραπάνω ανάρτηση.
Γενικές απορίες μόνο στη σελίδα μας στο facebook.

 
© Copyright 2009-14 bloggertips.gr | All rights reserved. | Επικοινωνία | LK Magazine v2 from Lasantha | Πίσω στην ΚΟΡΥΦΗ | | Subscribe in a reader (Google,Yahoo κα)

* free blogger tips,tricks,gadgets,widgets,templates,themes,help,hacks,design,domains,xml,html,blogspot.gr *