GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr DIIGO Start.me feedburner

ΠΩΣ ΒΑΖΩ PHOTO GALLERY No 2

PHOTO GALLERY
ΠΩΣ ΒΑΖΩ PHOTO GALLERY No 2
Ανοίξτε μία σελίδα στο blogger και πατήστε html. Αντιγράψτε τον παρακάτω κώδικα αλλάζοντας τα πράσινα και τα γαλάζια links των φωτοφραφιών με τα δικά σας και τους αντίστιχους τίτλους με τα μώβ γράμματα με τους δικούς σας τίτλους. Μπορείτε να αλλάξετε τις διαστάσεις της μικρογραφίας των φωτογραφιών να χωρούν στο πλάτος της σελίδας σας αλλάζοντας τα "width: 180px; height: 113px;".

 Δημοσιεύτε την σελίδα και δείτε το αποτέλεσμα που πρέπει να είναι σαν αυτό .

ALONISOS-01 ALONISOS-05 ALONISOS-11 ALONISOS-07 ALONISOS-12 SKIATHOS-24 SKIATHOS-20 SKIATHOS-22 SKIATHOS-30 SKIATHOS-22 SKOPELOS-13 SKOPELOS-14 SKOPELOS-33 SKOPELOS-36 SKOPELOS-22

<a href="http://i.imgur.com/UMQ2IrD.jpg" title='ALONISOS-01' target="_blank">
<img border="0" alt="ALONISOS-01" style="width: 180px; height: 113px;" src="http://i.imgur.com/UMQ2IrDm.jpg"/></a>

<a href="http://i.imgur.com/1l2cZBC.jpg"  title='ALONISOS-05' target="_blank">
<img border="0" alt="ALONISOS-05" style="width: 180px; height: 113px;" src="http://i.imgur.com/1l2cZBCm.jpg"/></a>

<a href=" http://i.imgur.com/YezgGht.jpg" title='ALONISOS-11' target="_blank">
<img border="0" alt="ALONISOS-11" style="width: 180px; height: 113px;" src="http://i.imgur.com/YezgGhtm.jpg"/></a>

<a href="http://i.imgur.com/l9hrZQQ.jpg" title='ALONISOS-07' target="_blank">
<img border="0" alt="ALONISOS-07" style="width: 180px; height: 113px;" src="http://i.imgur.com/l9hrZQQm.jpg"/></a>

<a href="http://i.imgur.com/DpaNrpe.jpg" title='ALONISOS-12' target="_blank">
<img border="0" alt="ALONISOS-12" style="width: 180px; height: 113px;" src="http://i.imgur.com/DpaNrpem.jpg"/></a>

<a href="http://i.imgur.com/mB9JbmX.jpg" title='SKIATHOS-24' target="_blank">
<img border="0" alt="SKIATHOS-24" style="width: 180px; height: 113px;" src="http://i.imgur.com/mB9JbmXm.jpg"/></a>

<a href="http://i.imgur.com/W8LjNt5.jpg" title='SKIATHOS-20' target="_blank">
<img border="0" alt="SKIATHOS-20" style="width: 180px; height: 113px;" src="http://i.imgur.com/W8LjNt5m.jpg"/></a>

<a href="http://i.imgur.com/0pOnQXw.jpg" title='SKIATHOS-22' target="_blank">
<img border="0" alt="SKIATHOS-22" style="width: 180px; height: 113px;" src="http://i.imgur.com/0pOnQXwm.jpg"/></a>

<a href="http://i.imgur.com/etupjGx.jpg" title='SKIATHOS-30' target="_blank">
<img border="0" alt="SKIATHOS-30" style="width: 180px; height: 113px;" src="http://i.imgur.com/etupjGxm.jpg"/></a>

<a href="http://i.imgur.com/BHm2Aw7.jpg" title='SKIATHOS-22' target="_blank">
<img border="0" alt="SKIATHOS-22" style="width: 180px; height: 113px;" src="http://i.imgur.com/BHm2Aw7m.jpg"/></a>

<a href="http://i.imgur.com/qjsulmJ.jpg" title='SKOPELOS-13'  target="_blank">
<img border="0" alt="SKOPELOS-13" style="width: 180px; height: 113px;" src="http://i.imgur.com/qjsulmJm.jpg"/></a>

<a href="hhttp://i.imgur.com/Nm3w4wd.jpg"  title='SKOPELOS-14'  target="_blank">
<img border="0" alt="SKOPELOS-14" style="width: 180px; height: 113px;" src="http://i.imgur.com/Nm3w4wdm.jpg'"/></a>

<a href="http://i.imgur.com/DgCJJQe.jpg" title='SKOPELOS-33'  target="_blank">
<img border="0" alt="SKOPELOS-33" style="width: 180px; height: 113px;" src="http://i.imgur.com/DgCJJQem.jpg"/></a>

<a href="http://i.imgur.com/9EIxjr4.jpg" title='SKOPELOS-36'  target="_blank">
<img border="0" alt="SKOPELOS-36" style="width: 180px; height: 113px;" src="http://i.imgur.com/9EIxjr4m.jpg"/></a>

<a href="http://i.imgur.com/EwpmFmh.jpg" title='SKOPELOS-22'  target="_blank">
<img border="0" alt="SKOPELOS-22" style="width: 180px; height: 113px;" src="http://i.imgur.com/EwpmFmhm.jpg"/></a>

2 σχόλια:

  1. Καλημέρα σας. Και χρόνια πολλά. Θέλω να βάλω photo gallery 2 Στο blog μου. Αλλά μόλις βάλω τον κώδικα στο blog μου κάνει ανακατεύθυνση και μου ανοίγει της φώτο σε άλλη σελίδα. Ενώ εγώ θέλω να την μεγενθυνει στην ίδια σελίδα χωρίς ανακατεύθυνση σε άλλη σελίδα.

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Για να τις εμφανίζει στην ίδια σελίδα πρέπει οι φωτογραφίες να εχουν λινκ απο google+ ή picasa και να είναι ενεργοποιημένο το προβολή εικόνων με το lightbox του blogger στη ενότητα ρυθμίσεις / Αναρτήσεις και σχόλια.

      Διαγραφή

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