• 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

ΚΥΛΙΟΜΕΝΟ SLIDE SHOW ΠΡΟΣ ΤΑ ΠΑΝΩ

ΚΥΛΙΟΜΕΝΟ SLIDE SHOW ΠΡΟΣ ΤΑ ΠΑΝΩ
Αυτό είναι ένα κυλιόμενο slideshow πρός τα πάνω με εικόνες από Ελληνικά νησιά. Μπορείτε να το τοποθετήσετε σαν gadget πηγαίνοντας στην διάταξη > προσθήκη gadget > εισαγωγή HTML/java script. Επειδή οι διαστάσεις του είναι μεγάλες καλό είναι να τοποθετηθεί ή ακριβώς από πάνω απο τις αναρτήσεις ή ακριβως από κάτω στην αρχή του υποσέλιδου.
Αν θέλετε να το βάλετε σε άλλο μέρος του ιστολογίου σας με μικρότερο πλάτος απο αυτό που έχει το slideshow δηλ. 1440px μπορείτε να του αλλάξετε διαστάσεις αλλά αναλογικά για να μήν παραμορφωθούν οι εικόνες, π.χ. να γίνουν όλες οι εικόνες 960Χ200 ή 800Χ167 ή 700Χ146 ή 600Χ125 κ.τ.λ.
Επίσης μπορείτε να κάνετε τις δικές σας ρυθμίσεις και να αλλάξετε την κατεύθηνση κύλισης από up σε down. Να αλλάξετε την ταχύτητα κύλισης, από 9 σε μικρότερο ή μεγαλύτερο νούμερο. Να αλλάξετε στις εικόνες του slideshow με τα κίτρινα links με δικές σας εικόνες. Να αλλάξετε τα links που θα οδηγήστε όταν κλικάρετε πάνω σε μία εικόνα του slideshow. Να αλλάξετε την περιγραφή των εικόνων. Να αλλάξετε τον τίτλο των εικόνων. Και τέλος να αλλάξετε το ύψος και το πλάτος του slideshow και των εικόνων του, το οποίο πρέπει να είναι το ίδιο με τις εικόνες σας. Καλό θα ήταν να ανεβάσετε τις δικές σας εικόνες στο google+ και να πάρετε τα links τους και να αντικαταστήσετε τα δικά μου κίτρινα links

 KERKYRA  PAXOI  LEYKADA-B  LEYKADA  KEFALONIA  ITHAKI  ZAKYNTHOS  SKIATHOS  SKOPELOS  MYKONOS  SANTORINI  POROS  SAMOS FOLEGANDROS  POOLS  KITHYRA  SYROS  SYBOTA  ROMANTIC  ROMANTIC  ROMANTIC  ROMANTIC ROMANTIC ROMANTIC

<center>
<marquee behavior="scroll" direction="up" onmouseover="this.stop()" scrollamount="9" onmouseout="this.start()" bgcolor="transparent" align="middle" width="1440" height="300">

<a href="http://imgur.com"><img src="https://lh6.googleusercontent.com/-t2U18uT1Wq0/Ukw6s_QCpWI/AAAAAAAAJf8/7f49uQpZNjE/s1280/01-KERKYRA.jpg" alt=" KERKYRA" title="KERKYRA" width="1440" height="300"/></a>

<a href="http://imgur.com"><img src="https://lh4.googleusercontent.com/-tAZhcgMNQE8/Ukw6tz1Ui4I/AAAAAAAAJgI/NUXHo3rMATg/s1024/02-PAXOI.jpg" alt=" PAXOI" title="PAXOI" width="1440" height="300"/></a>

<a href="http://imgur.com"><img src="https://lh3.googleusercontent.com/-ohJoOqMcyU4/Ukw6t2p7nhI/AAAAAAAAJgM/TM0e1NmkR7g/s1024/03-LEYKADA-B.jpg" alt=" LEYKADA-B" title="LEYKADA-B" width="1440" height="300"/></a>

<a href="http://imgur.com"><img src="https://lh6.googleusercontent.com/-_Yqr0YQZpSY/Ukw6vatcDVI/AAAAAAAAJgY/a7y2RC1lIIY/s1024/03-LEYKADA.jpg" alt=" LEYKADA" title="LEYKADA" width="1440" height="300"/></a>

<a href="http://imgur.com"><img src="https://lh5.googleusercontent.com/-JtvyeXE0zno/Ukw6vW4_MZI/AAAAAAAAJgc/GMhwTT2Vc2Y/s1024/04-KEFALONIA.jpg" alt=" KEFALONIA" title="KEFALONIA" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh5.googleusercontent.com/-S0esFfX4g3k/Ukw6wGD0N0I/AAAAAAAAJgo/v1IkEOpRBvg/s1152/05-ITHAKI.jpg" alt=" ITHAKI" title="ITHAKI" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh6.googleusercontent.com/-VJ9qHixQldU/Ukw6wWh4lMI/AAAAAAAAJgs/dCtuhnc54n4/s1152/06-ZAKYNTHOS.jpg" alt=" ZAKYNTHOS" title="ZAKYNTHOS" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh5.googleusercontent.com/-XXc1aAhRacA/Ukw6xXpvnVI/AAAAAAAAJg4/V8UmV5Zawk0/s1152/08-SKIATHOS.jpg" alt=" SKIATHOS" title="SKIATHOS" width="1440" height="300" /></a>
<a href="http://imgur.com"><img src="https://lh5.googleusercontent.com/-EFP0mEzdxJw/Ukw6x0GtCxI/AAAAAAAAJg8/SmexIzgayzs/s1152/09-SKOPELOS.jpg" alt=" SKOPELOS" title="SKOPELOS" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh5.googleusercontent.com/-2E1RJvWxYAM/Ukw6yaIDs7I/AAAAAAAAJhE/1_tGSD1wAug/s1152/10-MYKONOS.jpg" alt=" MYKONOS" title="MYKONOS" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh5.googleusercontent.com/--TdLRkM7Lsg/Ukw6y2zxOkI/AAAAAAAAJhQ/kpd6olXSyeM/s1152/11-SANTORINI.jpg" alt=" SANTORINI" title="SANTORINI" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh3.googleusercontent.com/-trWfsSTiAb4/Ukw6zRLFvtI/AAAAAAAAJhY/SQPmQUqmrfk/s1152/12-POROS.jpg" alt=" POROS" title="POROS" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh4.googleusercontent.com/-4b2tsp8Q644/Ukw6z_hgTvI/AAAAAAAAJhc/0gMTjToyDtc/s1152/13-SAMOS.jpg" alt=" SAMOS" title="SAMOS" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh3.googleusercontent.com/-3NhRBJDHw04/Ukw60h6YHEI/AAAAAAAAJhk/fW9aZonnVCo/s1152/14-FOLEGANDROS.jpg" alt="FOLEGANDROS" title="FOLEGAMDROS" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh6.googleusercontent.com/-ElI0gr__SG4/Ukw61A0ZQ9I/AAAAAAAAJhs/rHhKLAR1XaQ/s1152/15-POOLS.jpg" alt=" POOLS" title="POOLS" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh6.googleusercontent.com/-svRFGaOTB5I/Ukw8JiaD2hI/AAAAAAAAJiI/gaO_yGwza9g/s1152/07-KITHYRA.jpg" alt=" KITHYRA" title="KITHYRA" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh6.googleusercontent.com/-c87JLcumRLk/UnoT39jU2fI/AAAAAAAAKJQ/Fn37wYUMwtE/s1152/16-SYROS.jpg" alt=" SYROS" title="SYROS" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh3.googleusercontent.com/-BUTOpRDChpQ/UnoT4PQ4s2I/AAAAAAAAKJU/NNFpShkf2V4/s1152/17-SIVOTA.jpg" alt=" SYBOTA" title="SYBOTA" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh5.googleusercontent.com/-WhR9v4wos9Q/U5KZRSWx0xI/AAAAAAAALoc/bCLUcOhusqk/s1152/31-ROMANTIC.jpg" alt=" ROMANTIC" title="ROMANTIC-1" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh5.googleusercontent.com/-GAWU1jlOa7c/U5KZRg3AjKI/AAAAAAAALog/COYjOPMDeaE/s1152/32-ROMANTIC.jpg" alt=" ROMANTIC" title="ROMANTIC-2" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh3.googleusercontent.com/-ho4CeaPTMNM/U5KZRy9h3FI/AAAAAAAALow/NI_HK23DIxQ/s1152/33-ROMANTIC.jpg" alt=" ROMANTIC" title="ROMANTIC-3" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh3.googleusercontent.com/-oUiBOmtKVtw/U5KZSsLu0MI/AAAAAAAALos/q2yWynzJl_4/s1152/34-ROMANTIC.jpg" alt=" ROMANTIC" title="ROMANTIC-4" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh6.googleusercontent.com/-hRYBzK7Oa5o/U5KZTQ5abTI/AAAAAAAALo4/4oBTPjaLrlw/s1152/35-ROMANTIC.jpg" alt="ROMANTIC" title="ROMANTIC-5" width="1440" height="300" /></a>

<a href="http://imgur.com"><img src="https://lh4.googleusercontent.com/-RBy8eSWBNeo/U5KZUDPRgoI/AAAAAAAALpA/KzBkeeBi5go/s1152/36-ROMANTIC.jpg" alt="ROMANTIC" title="ROMANTIC-6" width="1440" height="300"/></a>
</marquee></center>

8 σχόλια:

  1. Ανώνυμος6/6/14 21:25

    Φοβερές εικόνες αλλά είναι μόνο για υποσέλιδο και για κάτω από τον τίτλο.

    ΑπάντησηΔιαγραφή
  2. Ανώνυμος5/11/15 18:25

    Καλησπέρα σας. Πολύ ωραίο site. ΜΠΡΑΒΟ ΣΑΣ.. έχω ένα πρόβλημα σε αυτό το κυλιόμενο slide show Προς τα πάνω. Όταν αλλάζω την εικόνα να βάλω δικιά μου όσο είμαι συνδεμένος δουλεύει κανονικά με της δικές μου εικόνες όταν όμως είμαι Αποσυνδεδεμένος σαν επισκέπτης δεν της εμφανίζει. Μπορεί κάποιος να με βοηθήσει??

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Γράψε μου πιο είναι το blog σου και στείλε με copy paste στο chat τον κώδικα που του έβαλες και θα σου πώ.

      Διαγραφή
    2. Καλησπέρα blogger expert Είμαι ο ανώνυμος που ζήτησα πριν Βοήθεια. Ευχαριστώ που απάντησες. Το blog μου είναι υπό κατασκευή. Το blog μου που έχω πρόβλημα είναι http://semicircle180.blogspot.nl Δεν μπορώ να σου στείλω τον κώδικα γιατί είναι πόλοι χαρακτήρες και δεν με αφήνει.

      Διαγραφή
    3. Μπορεί να έχεις ξεχάσει να κλείσεις κανένα "αυτάκι" στα url των εικόνων ή να έχεις αφήσει κανένα κενό ή να μην είναι δημόσιες οι photos που έβαλες. Δεν μπορώ να υποθέσω αλλα πράγματα. Αν δεν μπορείς να στείλεις τον κώδικα βγάλε την προστασία αντιγραφής να δώ τον κώδικα να σου πώ.

      Διαγραφή
    4. εβγάλα την προστασία αντιγραφής να δεις τον κώδικα. και σου έστειλα τον κώδικα του slide στο BLOGGER EXPERT με μήνυμα. και το φόντο ηταν γαλάζιο στο ιστολόγιο και τωρα έγινε γκρί και δεν μπορώ να το διορθώσω.

      Διαγραφή
    5. Τον είδα τον κώδικα λείπουν σε 3 λινκς το τελαιταίο μέρος τους με το όνομα των εικόνων π.χ. leykada-33.jpg πρέπει τα λινκς να τελιώνουν σε jpg ή png. Ξαναπάτα δεξι κλίκ πανω στις εικόνες να πάρεις σωστά το λινκ τους.

      Διαγραφή
    6. Ευχαριστώ πολύ BLOGGER EXPERT Για την βοήθεια σου. Έχετε κάνει πολύ καλή δουλειά!!!!!!!!!!!!!!!!!!!!

      Διαγραφή

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

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