• 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

ΠΩΣ ΒΑΖΩ ΚΥΛΙΟΜΕΝΕΣ ΕΙΚΟΝΕΣ ΜΕ LINKS

SCROLLING IMAGES
ΠΩΣ ΒΑΖΩ ΚΥΛΙΟΜΕΝΕΣ ΕΙΚΟΝΕΣ ΜΕ LINKS
Πηγαίνουμε στην διάταξη του blog μας και πατάμε προσθήκη gadget στην αριστερή πλαϊνή πλευρική μπάρα. Μετά επίλέγουμε το gadget HTML/JAVASCRIPT και επικολλάμε τον παρακάτω κώδικα. Μπορείτε να αλλάξετε την κατεύθυνση ροής των εικόνων με τα links αντικαθιστώντας τα κίτρινα γράμματα. Επίσης μπορείτε να αλλάξετε και ταχύτητα ροής των εικόνων με τα links αλλάζοντας το γαλάζιο νούμερο, καθώς το χρώμα φόντου αλλάζοντας το πράσινο νούμερο. Το πλάτος και το ύψος του widget το ρυθμίζετε αλλάξοντας το πορτοκαλί νούμερο. Εννοείται ότι τα links των εικόνων με τα μώβ γράμματα και τα links των sosial networks με τα γαλάζια γράμματα τα αλλάζετε με τα δικά σας.

<center><marquee behavior="scroll" direction="up" onmouseover="this.stop()" scrollamount="5" onmouseout="this.start()" bgcolor="#025215" align="middle" width="240" height="240">
<a href="https://www.facebook.com/widgetsforblogs" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_XUuz-khuI28KDXR5Z39uW_yEZz3VZONRuj7itDulVfuMNGqMnohfuMlEP2FuwP9S2TbCqxbgwcIy5Wa3OI7OnSgACnIp4Q0LJ78fgwlJ60o6glPzAlqn0uCMINS1Y-kXDFNiNkupXtQ/w240-h85-no/facebook-like-240.jpg" /></a>
<a href="https://plus.google.com/113381416528370124258/posts" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmfKN_CnUDOgfkuaBrCntsq4oo0Mc_Zs_qq8SstbyD8e17v445hpZhh0fhXPLLrKCa6mXSgqlZ7Vrfa_3CX2t-qVFgpRFuSER2LrhmEGCHfUFgK0_I1ZruZJbaE9kcj6JrsZE1Hlk-r7M/w240-h86-no/googleplus-240.jpg " /></a>
<a href="https://www.youtube.com/user/WIDGETSFORBLOGS" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjL3Z7dHP8QuakhzVlqXYnumFlIxdpQbsN7t4wX4MuwiuzbRJJ9jXocQ4ekc9B3eFY0MKaxrm__OTU6Ar1ILDROT-m3jCO6isyGgLSK4C5xd23ri-ulwoM6FVYs61ui3BJ7GR3eYUpnIkc/w240-h87-no/YOUTUBE-240.jpg" /></a>
<a href="http://myphotos77.imgur.com" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDOO972mLyxfXAVHi0IBj-EAIPV-dQ0EjYpgCdcazUqS9hBLstkoY5SPdZJdIZrXQ3D0I1UGJBqx6sVwgw2YsGlJlIfuh69JXIt51jF8uvvtVADInbY-Zzb8vaSYdwodsD93RX-aMrUfg/w240-h85-no/imgur-240.jpg" /></a>
<a href="http://the-best-widgets.blogspot.gr" target="_blank"><img src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDIhW-8oBqGvukyXP1SV3QlDvZiaaA1tFXmoITZdsVuA01Gi8RFTCL0KHdZiSBF32l0W2XmbLhL9c3_dcwErD8UqCWflmaGzPj74TBSadE0OTZ5SD9hnrDK9UJfx9XlpIYz0oiXvNEi0o/w240-h78-no/blogger-240.jpg" /></a>
</marquee></center>

ΣΕ ΑΥΤΟ ΤΟ LINK ΘΑ ΒΡΕΙΤΕ ΟΛΑ ΤΑ ΕΙΚΟΝΙΔΙΑ ΤΩΝ SOSIAL NETWORKS.

3 σχόλια:

  1. πολύ καλό ευχαριστώ Πάνος

    ΑπάντησηΔιαγραφή
  2. Πως κάνω να λειτουργήσει το banner όταν έχω κωδικα js, κωδικα html και δυο φωτό

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Δεν ξέρω τι κώδικα js εχεις για να σου πω. Πάντως έτσι όπως είναι αν του αφαιρέσεις 3 φώτο μενουν 2 που θέλεις και θα δουλεύει όπως το βλέπεις στην παραπάνω ανάρτηση.

      Διαγραφή

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

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