GADGETS FOR BLOGS

Facebook Google plus YouTube Pinterest Tumblr Delicius DIIGO Start.me NETVIBES feedburner

ΠΩΣ ΒΑΖΩ PHOTO GALLERY No 3

PHOTO GALLERY
ΠΩΣ ΒΑΖΩ PHOTO GALLERY ΜΕ ΠΕΡΙΓΡΑΦΗ No 3
Ανοίξτε μία σελίδα στο blogger και πατήστε html. Αντιγράψτε αυτόν τον κώδικα αλλάζοντας τα γαλάζια και πράσινα links των φωτοφραφιών με τα δικά σας και τις αντίστοιχες περιγραφές με τα κίτρινα γράμματα με τις δικές σας περιγραφές. Μπορείτε να αλλάξετε τις διαστάσεις της μικρογραφίας των φωτογραφιών για να χωρούν στο πλάτος της σελίδας σας αλλάζοντας το width="180" & το height="113"Μπορείτε να αλλάξτε και τις διαστάσεις του παραθύρου μεγένθησης της φωτογραφίας αλλάζοντας το μώβ νούμερο που βρίσκεται εντός του γαλάζιου link το οποίο πρέπει να είναι από το picasa ή το google+.
Εννοείται ότι ο κώδικας από το <table> εώς το </table> επαναλαμβάνεται για κάθε νέα γραμμή με 5 φωτογραφίες ή λιγότερες αν αλλάξετε τις διαστάσεις των μικρογραφιών. Δημοσιεύτε την σελίδα και είστε έτοιμοι.


ALONISOS-01

SKOPELOS-33

SKIATHOS-22

KERKYRA-16

PAXOI-08

SIVOTA-13

ITHAKI-13

LEYKADA-40

KEFALONIA-41

ZAKYNTHOS-13
<table>
<tbody><tr>
<td align="center" width="20%"><a href="https://lh3.googleusercontent.com/-_xe0RxHk5n4/UpPPyzkgk4I/AAAAAAAAKl0/1lUWChytIN8/s1600/ALONISOS-01.jpg" target="_blank"> <img src="https://lh3.googleusercontent.com/-_xe0RxHk5n4/UpPPyzkgk4I/AAAAAAAAKl0/1lUWChytIN8/s1600/ALONISOS-01.jpg" width="180" height="113" /><br />ALONISOS-01</a></td>

<td align="center" width="20%"><a href="https://lh6.googleusercontent.com/-Wlx9Ii3rPao/Uned84Hf3rI/AAAAAAAAKDc/xb9Rif7AYI4/s1600/SKOPELOS-33.jpg" target="_blank"> <img src="https://lh6.googleusercontent.com/-Wlx9Ii3rPao/Uned84Hf3rI/AAAAAAAAKDc/xb9Rif7AYI4/s1600/SKOPELOS-33.jpg" width="180" height="113" /><br />SKOPELOS-33</a></td>

<td align="center" width="20%"><a href="https://lh5.googleusercontent.com/-JOIQugPPxUU/UnedtKA9PDI/AAAAAAAAKC4/D_akLkG26aI/s1600/SKIATHOS-22.jpg" target="_blank"> <img src="https://lh5.googleusercontent.com/-JOIQugPPxUU/UnedtKA9PDI/AAAAAAAAKC4/D_akLkG26aI/s1600/SKIATHOS-22.jpg" width="180" height="113" /><br />SKIATHOS-22</a></td>

<td align="center" width="20%"><a href="https://lh5.googleusercontent.com/--XVgaOXi3jE/UhTJsPzQPAI/AAAAAAAAI1U/g0V_CnJpb0E/s1600/KERKYRA-16.jpg" target="_blank"> <img src="https://lh5.googleusercontent.com/--XVgaOXi3jE/UhTJsPzQPAI/AAAAAAAAI1U/g0V_CnJpb0E/s1600/KERKYRA-16.jpg" width="180" height="113" /><br />KERKYRA-16</a></td>

<td align="center" width="20%"><a href="https://lh4.googleusercontent.com/--Kjz6zwnIxQ/U6c8SEuQ-gI/AAAAAAAAMRk/6ci1kGL5830/s1600/PAXOI-08.jpg" target="_blank"> <img src="https://lh4.googleusercontent.com/--Kjz6zwnIxQ/U6c8SEuQ-gI/AAAAAAAAMRk/6ci1kGL5830/s1600/PAXOI-08.jpg" width="180" height="113" /><br />PAXOI-08</a></td>
</tr></tbody></table>

<table>
<tbody><tr>
<td align="center" width="20%"><a href="https://lh6.googleusercontent.com/-0zTugx3wnh0/UnedE8u_JTI/AAAAAAAAKBM/7Aup6htybWQ/s1600/SIVOTA-13.JPG" target="_blank"> <img src="https://lh6.googleusercontent.com/-0zTugx3wnh0/UnedE8u_JTI/AAAAAAAAKBM/7Aup6htybWQ/s1600/SIVOTA-13.JPG" width="180" height="113" /><br />SIVOTA-13</a></td>

<td align="center" width="20%"><a href="https://lh6.googleusercontent.com/-4DreoX17fbw/UneTAiiwZBI/AAAAAAAAJtQ/VREUu-0W4hQ/s1600/ITHAKI-13.jpg" target="_blank"> <img src="https://lh6.googleusercontent.com/-4DreoX17fbw/UneTAiiwZBI/AAAAAAAAJtQ/VREUu-0W4hQ/s1600/ITHAKI-13.jpg" width="180" height="113" /><br />ITHAKI-13</a></td>

<td align="center" width="20%"><a href="https://lh5.googleusercontent.com/-BC9s_EL7p80/UneVH_JOymI/AAAAAAAAJyw/tmcVvrOg-24/s1600/LEYKADA-40.jpg" target="_blank"> <img src="https://lh5.googleusercontent.com/-BC9s_EL7p80/UneVH_JOymI/AAAAAAAAJyw/tmcVvrOg-24/s1600/LEYKADA-40.jpg" width="180" height="113" /><br />LEYKADA-40</a></td>

<td align="center" width="20%"><a href="https://lh3.googleusercontent.com/-KRfX50iFcfI/UneUDjgVNPI/AAAAAAAAJvI/Ja1o-Fbg_r0/s1600/KEFALONIA-41.jpg" target="_blank"> <img src="https://lh3.googleusercontent.com/-KRfX50iFcfI/UneUDjgVNPI/AAAAAAAAJvI/Ja1o-Fbg_r0/s1600/KEFALONIA-41.jpg" width="180" height="113" /><br />KEFALONIA-41</a></td>

<td align="center" width="20%"><a href="https://lh3.googleusercontent.com/-U1SYDXEuglg/UhTDYo1ooyI/AAAAAAAAIuQ/BFAInM46G2M/s1600/ZAKYNTHOS-13.jpg" target="_blank"> <img src="https://lh3.googleusercontent.com/-U1SYDXEuglg/UhTDYo1ooyI/AAAAAAAAIuQ/BFAInM46G2M/s1600/ZAKYNTHOS-13.jpg" width="180" height="113" /><br />ZAKYNTHOS-13</a></td>
</tr></tbody></table>

5 σχόλια:

  1. pes mou se parakalo prin valo ton kodika sto blog pos mporw na strogilepso tis gonies apo tis fotografies xriazete na pirakso kati mesa apo to protupo an exeis thn lusi grapse mou edw...kalo mesimeri!!!

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Προσθέτεις 3 γραμμές κώδικα css πρίν τον κώδικα του gallery style. Δες τον νέο κώδικα με την προσθήκη τών τριών γραμμών στην αρχή του εδώ. http://cssdeck.com/labs/zm5m2zgj

      Διαγραφή
  2. to evala alla mou alazei sxedon oles tis foto sto blog egw thelo an ginete sto sygekrimeno widged

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Σβύσε τότε τις 3 γραμμές του κώδικα style και βάλε σε κάθε ένα σύνδεσμο εικόνας την προσθήκη δικού της style μετά το img style="border-radius:10px" Δες το καλύτερα εδώ. http://cssdeck.com/labs/m71rk8r8

      Διαγραφή

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