ΠΩΣ ΒΑΖΩ PHOTO GALLERY No 2
Ανοίξτε μία σελίδα στο blogger και πατήστε html. Αντιγράψτε τον παρακάτω κώδικα αλλάζοντας τα πράσινα και τα γαλάζια links των φωτοφραφιών με τα δικά σας και τους αντίστιχους τίτλους με τα μώβ γράμματα με τους δικούς σας τίτλους. Μπορείτε να αλλάξετε τις διαστάσεις της μικρογραφίας των φωτογραφιών να χωρούν στο πλάτος της σελίδας σας αλλάζοντας τα "width: 180px; height: 113px;".
Δημοσιεύτε την σελίδα και δείτε το αποτέλεσμα που πρέπει να είναι σαν αυτό ▼.
Ανοίξτε μία σελίδα στο blogger και πατήστε html. Αντιγράψτε τον παρακάτω κώδικα αλλάζοντας τα πράσινα και τα γαλάζια links των φωτοφραφιών με τα δικά σας και τους αντίστιχους τίτλους με τα μώβ γράμματα με τους δικούς σας τίτλους. Μπορείτε να αλλάξετε τις διαστάσεις της μικρογραφίας των φωτογραφιών να χωρούν στο πλάτος της σελίδας σας αλλάζοντας τα "width: 180px; height: 113px;".
Δημοσιεύτε την σελίδα και δείτε το αποτέλεσμα που πρέπει να είναι σαν αυτό ▼.
<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>
Καλημέρα σας. Και χρόνια πολλά. Θέλω να βάλω photo gallery 2 Στο blog μου. Αλλά μόλις βάλω τον κώδικα στο blog μου κάνει ανακατεύθυνση και μου ανοίγει της φώτο σε άλλη σελίδα. Ενώ εγώ θέλω να την μεγενθυνει στην ίδια σελίδα χωρίς ανακατεύθυνση σε άλλη σελίδα.
ΑπάντησηΔιαγραφήΓια να τις εμφανίζει στην ίδια σελίδα πρέπει οι φωτογραφίες να εχουν λινκ απο google+ ή picasa και να είναι ενεργοποιημένο το προβολή εικόνων με το lightbox του blogger στη ενότητα ρυθμίσεις / Αναρτήσεις και σχόλια.
Διαγραφή