• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

BODY BACKGROUND SLIDER-1

ΑΛΛΑΓΗ BACKROUND
ΠΩΣ ΝΑ ΑΛΛΑΖΕΙ ΤΟ BLOG ΣΑΣ ΑΥΤΟΜΑΤΑ BACKROUND ΚΑΘΕ ΛΕΠΤΟ
Με τον παρακάτω κώδικα το blog σας θα αλλάζει αυτόματα backround κάθε 1 λεπτό. Δεν υπάρχει ο περιορισμός του blogger για εικόνες μέχρι 300 Kb. Μπορείτε να βάλετε 60 διαφορετικά backround 1 για κάθε λεπτό. Μπορείτε να βάλετε βέβαια και οσα λιγότερα θέλετε αλλάζοντας τα πράσινα νούμερα που αντιστοιχούν στα λεπτά της τρέχουσας ώρας. Αν θέλετε να εμφανίζονται 4 backround την ώρα θα κρατήσετε 4 γραμμές κώδικα και θα αλλάξετε τα λεπτά που θα εμφανίζονται οι εικόνες· π.χ.

if(x>=0 && x<15), if(x>=15 && x<30), if(x>=30 && x<45) και if(x>=45 && x<0). Για την ευθυγράμμιση της εικόνας και την επαναληψή της θα ισχύσουν οι ρυθμίσεις που έχετε κάνει μέσα από την προσαρμογή του προτύπου. Ο κώδικας μπαίνει απλά σαν gadget.


<script>
day=new Date();
x=day.getMinutes()
if(x>=0 && x<1) {document.write('<style>body{background-image: url(http://i.imgur.com/fiVofHI.jpg)}"></style>')} else
if(x>=1 && x<2) {document.write('<style>body{background-image: url(http://i.imgur.com/rcivwQJ.jpg}</style>')} else
if(x>=2 && x<3) {document.write('<style>body{background-image: url(http://i.imgur.com/0nyxX2L.jpg)}</style>')} else
if (x>=3 && x<4) {document.write('<style>body{background-image: url(http://i.imgur.com/gptb8xn.jpg)}</style>')} else
if(x>=4 && x<5) {document.write('<style>body{background-image: url(http://i.imgur.com/oSC4D7R.jpg)}"></style>')} else
if(x>=5 && x<6) {document.write('<style>body{background-image: url(http://i.imgur.com/9GqSG9a.jpg)}</style>')} else
if(x>=6 && x<7) {document.write('<style>body{background-image: url(http://i.imgur.com/7X4wjWS.jpg)}</style>')} else
if (x>=7 && x<8) {document.write('<style>body{background-image: url(http://i.imgur.com/kbCkBYe.jpg)}</style>')} else
if(x>=8 && x<9) {document.write('<style>body{background-image: url(http://i.imgur.com/XZLp5MA.jpg)}"></style>')} else
if(x>=9 && x<10) {document.write('<style>body{background-image: url(http://i.imgur.com/uFoNudk.jpg)}</style>')} else
if(x>=10 && x<11) {document.write('<style>body{background-image:  url(http://i.imgur.com/DgCJJQe.jpg)}</style>')} else
if (x>=11 && x<12) {document.write('<style>body{background-image: url(http://i.imgur.com/1Yul3Hv.jpg)}</style>')} else
if(x>=12 && x<13) {document.write('<style>body{background-image: url(http://i.imgur.com/0pOnQXw.jpg)}"></style>')} else
if(x>=13 && x<14) {document.write('<style>body{background-image: url(http://i.imgur.com/zamfiLB.jpg)}</style>')} else
if(x>=14 && x<15) {document.write('<style>body{background-image: url(http://i.imgur.com/YezgGht.jpg)}</style>')} else
if (x>=15 && x<16) {document.write('<style>body{background-image: url(http://i.imgur.com/l9hrZQQ.jpg)}</style>')} else
if(x>=16 && x<17) {document.write('<style>body{background-image: url(http://i.imgur.com/UMQ2IrD.jpg)}"></style>')} else
if(x>=17 && x<18) {document.write('<style>body{background-image: url(http://i.imgur.com/1l2cZBC.jpg)}</style>')} else
if(x>=18 && x<19) {document.write('<style>body{background-image: url(http://i.imgur.com/i2rfYP0.jpg)}</style>')} else
if (x>=19 && x<20) {document.write('<style>body{background-image: url(http://i.imgur.com/fpnm4CK.jpg)}</style>')} else
if(x>=20 && x<21) {document.write('<style>body{background-image: url(http://i.imgur.com/loTsDgR.jpg)}"></style>')} else
if(x>=21 && x<22) {document.write('<style>body{background-image: url(http://i.imgur.com/C83SL17.jpg)}</style>')} else
if(x>=22 && x<23) {document.write('<style>body{background-image: url(http://i.imgur.com/QWjXsdP.jpg)}</style>')} else
if (x>=23 && x<24) {document.write('<style>body{background-image: url(http://i.imgur.com/JQh0nAT.jpg)}</style>')} else
if(x>=24 && x<25) {document.write('<style>body{background-image: url(http://i.imgur.com/15wHDCc.jpg)}"></style>')} else
if(x>=25 && x<26) {document.write('<style>body{background-image: url(http://i.imgur.com/y2VT0Kn.jpg)}</style>')} else
if(x>=26 && x<27) {document.write('<style>body{background-image: url(http://i.imgur.com/RRfVRUm.jpg)}</style>')} else
if (x>=27 && x<28) {document.write('<style>body{background-image: url(http://i.imgur.com/jwkbzuy.jpg)}</style>')} else
if(x>=28 && x<29) {document.write('<style>body{background-image: url(http://i.imgur.com/O0b0ER3.jpg)}"></style>')} else
if(x>=29 && x<30) {document.write('<style>body{background-image: url(http://i.imgur.com/RFCOlG3.jpg)}</style>')} else
if(x>=30 && x<31) {document.write('<style>body{background-image: url(http://i.imgur.com/kQCTgqa.jpg)}</style>')} else
if (x>=31 && x<32) {document.write('<style>body{background-image: url(http://i.imgur.com/dtSJzqn.jpg)}</style>')} else
if(x>=32 && x<33) {document.write('<style>body{background-image: url(http://i.imgur.com/SE7KOHs.jpg)}"></style>')} else
if(x>=33 && x<34) {document.write('<style>body{background-image: url(http://i.imgur.com/zhTagHl.jpg)}</style>')} else
if(x>=34 && x<35) {document.write('<style>body{background-image: url(http://i.imgur.com/ADKyUh1.jpg)}</style>')} else
if (x>=35 && x<36) {document.write('<style>body{background-image: url(http://i.imgur.com/232mZ6g.jpg)}</style>')} else
if(x>=36 && x<37) {document.write('<style>body{background-image: url(http://i.imgur.com/3U9E1Vj.jpg}"></style>')} else
if(x>=37 && x<38) {document.write('<style">body{background-image: url(http://i.imgur.com/AunBy7a.jpg)}</style>')} else
if(x>=38 && x<39) {document.write('<style">body{background-image: url(http://i.imgur.com/7SuODZz.jpg)}</style>')} else
if (x>=39 && x<40) {document.write('<style">body{background-image: url(http://i.imgur.com/ThSkEfv.jpg)}</style>')} else
if(x>=40 && x<41) {document.write('<style>body{background-image: url(http://i.imgur.com/xi3LWsU.jpg)}"></style>')} else
if(x>=41 && x<42) {document.write('<style>body{background-image: url(http://i.imgur.com/KwuI9Z2.jpg)}</style>')} else
if(x>=42 && x<43) {document.write('<style>body{background-image: url(http://i.imgur.com/TIg09sP.jpg)}</style>')} else
if (x>=43 && x<44) {document.write('<style>body{background-image: url(http://i.imgur.com/ES7qQaD.jpg)}</style>')} else
if(x>=44 && x<45) {document.write('<style>body{background-image: url(http://i.imgur.com/VvWQke9.jpg)}"></style>')} else
if(x>=45 && x<46) {document.write('<style>body{background-image: url(http://i.imgur.com/Le2B818.jpg)}</style>')} else
if(x>=46 && x<47) {document.write('<style>body{background-image: url(http://i.imgur.com/Bpnhx3c.jpg)}</style>')} else
if (x>=47 && x<48) {document.write('<style>body{background-image: url(http://i.imgur.com/d04qRV5.jpg)}</style>')} else
if(x>=48 && x<49) {document.write('<style>body{background-image: url(http://i.imgur.com/3sNGgku.jpg)}"></style>')} else
if(x>=49 && x<50) {document.write('<style>body{background-image: url(http://i.imgur.com/pyL40yf.jpg)}"></style>')} else
if(x>=50 && x<51) {document.write('<style>body{background-image: url(http://i.imgur.com/bW3gZ9k.jpg)}</style>')} else
if (x>=51 && x<52) {document.write('<style>body{background-image: url(http://i.imgur.com/cpN3kVi.jpg)}</style>')} else
if(x>=52 && x<53) {document.write('<style">body{background-image: url(http://i.imgur.com/H2PNDWB.jpg)}"></style>')} else
if(x>=53 && x<54) {document.write('<style>body{background-image: url(http://i.imgur.com/lVwfb7y.jpg)}</style>')} else
if(x>=54 && x<55) {document.write('<style>body{background-image: url(http://i.imgur.com/wIBlr1Z.jpg)}</style>')} else
if (x>=55 && x<56) {document.write('<style>body{background-image: url(http://i.imgur.com/3owbxWE.jpg) }</style>')} else
if(x>=56 && x<57) {document.write('<style>body{background-image: url(http://i.imgur.com/JJWRsYq.jpg)}"></style>')} else
if(x>=57 && x<58) {document.write('<style>body{background-image: url(http://i.imgur.com/peVrgft.jpg)}</style>')} else
if(x>=58 && x<59) {document.write('<style>body{background-image: url(http://i.imgur.com/fVGv9kJ.jpg)}</style>')} else
if(x>=59 && x<0) {document.write('<style>body{background-image: url(http://i.imgur.com/n5IesXR.jpg)}</style>')}
</script>

15 σχόλια:

  1. Καλησπερα μπορεις να μου πεις που ανεβαζω τι φωτο μου για να αλλαξω τα links τα δικα σου με τα δικα μου;

    ΑπάντησηΔιαγραφή
  2. Το πιο βολικό είναι οι φωτογραφίες να ανέβουν σε ένα λεύκωμα στο GOOGLE+

    ΑπάντησηΔιαγραφή
  3. Καλησπερα τις ανεβασα στο λευκωμα τωρα απλα επιλεγω μια κανω copy το λινκ και αλλαζω το δικο σου λινκ με το δικο μου;

    ΑπάντησηΔιαγραφή
  4. Ναι και πρόσεξε να βάλεις μία μέση ανάλυση μέσα στα link μην αφήσεις αυτή του θα σου δώσει το google+ περίπου 1280Χ960 ούτε αυτή που έχω εγώ στα link 1920Χ1200 βάλε 1600Χ1000 ή 1600Χ900 είναι μια μέση ανάλυση για να βλέπουν και αυτού που έχουν μεγάλη οθόνη και αυτοί που έχουν μικρή ικανοποιητικά.

    ΑπάντησηΔιαγραφή
  5. εβαλα το λινκ το δικο μου το οποιο ειναι αυτο https://photos.google.com/u/0/album/AF1QipMutWanTH_DHslnF4aMRQRwFtoh8Rj6TZT_a7CI/photo/AF1QipNH0EohpH1vQJ_A1_DaWduwAqLIto0JVRqRyb20 και μου βγαλε bad request
    Ευχαριστω για την αμεση απαντηση

    ΑπάντησηΔιαγραφή
  6. To link που σου έδωσε δεν το πήρες με δεξί κλίκ πάνω στην εικόνα μέσα απο το google+ ? Μήπως το πήρες απο το google photos ? Μπές πάλι στο google+ και χτύπα πάνω στην εικόνα να μεγαλώσει λιγο και μετά κάνε δεξί κλίκ πάνω της και πάτα αντιγραφή συνδέσμου εικόνας και κάνε μια επικόληση σε νέα καρτέλα να δεις αν λειτουργεί το λινκ και μετά κάνε και μια επικόλληση στον κώδικά σου αφου δείς ότι άνοιξε η εικόνα σετη νένα καρτέλα.

    ΑπάντησηΔιαγραφή
  7. Εκανα αυτο που μου ειπες και ειχες δικιο εβαλα τον κωδικα και εβαλα 10 φωτο με 6 λεπτη αλλαγη.. αλλαξα τα links σου με τα δικα μου και μολις πατησα refresh στο blog μου εμφανισε το δικο σου background.

    ΑπάντησηΔιαγραφή
  8. Κανε copy paste όλον τον κώδικα που έβαλες στο chat για να στον στείλω πίσω διορθωμένο.

    ΑπάντησηΔιαγραφή
  9. δεν παιρνει ολο τον κωδικα στο τσατ μου λεει ως 256 χαρακτηρεσ και παιρνει μονο την μια φωτο

    ΑπάντησηΔιαγραφή
  10. Βάλτον μέσα σε ένα εγγραφο word ή worpad ή notepad και ανεβασέ τον στο google drive ή στο box.com ή στο dropbox.com και στείλε μου το link να το κατεβάσω και αφού το διορθώσω να στο στείλω με τον ίδιο τρόπο.

    ΑπάντησηΔιαγραφή
  11. Να σας ρωτησω κατι? εφτιαξα το ΠΩΣ ΒΑΖΩ FACEBOOK FLOATING LIKE BOX στο μπλογκ μου και μ βγαζει αντι για το εικονισδιο του facebook ενα τριγωνο. τι εχω κάνει λάθος??
    Δειτε και εσείς ειναι πανω δεξια στο μπλογκ:
    http://topithiki.blogspot.gr/

    ΑπάντησηΔιαγραφή
  12. Ξανά αντέγραψε τον κωδικα είχε σβηστεί το εικονίδιο. Το ανέβασα εκ νέου και διόρθωσα τον κώδικα στο σημείο που είχε το ανύπαρκτο link εικόνας.

    ΑπάντησηΔιαγραφή
  13. Ok το εφτιαξα!! σας ευχαριστω πάρα πολύ για κόμη μια φορα!!!

    ΑπάντησηΔιαγραφή
  14. Εβαλα κανονικά τον κώδικα με τις φωτο, έχει εγκατασταθεί, αλλά δεν γίνεται αυτόματη εναλλαγή των εικόνων παρά μόνο με REFRESH. Κάνω κάτι λάθος?

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Όχι. Έτσι λειτουργεί αυτός ο κώδικας. Ἀν θές να αλλάζει κάθε λεπτό ανεξαρτήτως αλλαγής της σελίδας πρέπει να βάλεις αυτόν. http://the-best-widgets.blogspot.gr/2015/09/background-slider-for-blogger.html

      Διαγραφή

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.