HTML κωδικοποίηση για προβολές φωτογραφιών στο Tumblr

Αν έχετε εικόνες που θέλετε να εμφανίζονται και εκτελείτε ένα ιστολόγιο Tumblr, σκεφτείτε να προσθέσετε μια φωτογραφική παρουσίαση σε μια ανάρτηση. Μια παρουσίαση παρουσιάζει μια σειρά καθορισμένων εικόνων, το ένα μετά το άλλο, χωρίς ο επισκέπτης να κάνει τίποτα για να κάνει τις εικόνες να προχωρούν. Χρησιμοποιώντας τη γλώσσα HTML (HyperText Markup Language), μπορείτε να δημιουργήσετε μια παρουσίαση διαφανειών που μετατοπίζει αυτόματα τις εικόνες σας από τα δεξιά προς τα αριστερά. Προσθέστε τον κώδικα HTML που προβάλλει μια παρουσίαση φωτογραφιών στον ιστότοπό σας Tumblr.

1.

Τοποθετήστε τον περιηγητή σας σε έναν δωρεάν ιστότοπο φιλοξενίας εικόνων, όπως τα imgPlace, FreeCodeSource.com, ImageShack, TinyPic ή Postimage.org. Κάντε κλικ στο κουμπί "Αναζήτηση, " "Άνοιγμα" ή "Επιλογή αρχείου" για να επιλέξετε τα αρχεία φωτογραφιών στον υπολογιστή σας και να τα προσθέσετε στον κεντρικό υπολογιστή. Αντιγράψτε τον άμεσο σύνδεσμο που εμφανίζεται στο τέλος αυτής της διαδικασίας (για παράδειγμα, img / business-technology-customer-support / 525 / html-coding-photo-slideshows-tumblr-2.jpg).

2.

Συνδεθείτε στο λογαριασμό σας στο Tumblr και κάντε κλικ στο εικονίδιο "Προτιμήσεις" στη γραμμή μενού.

3.

Κάντε κλικ στην επιλογή "Απλό κείμενο / HTML" δίπλα στον τίτλο "Επεξεργασία αναρτήσεων χρησιμοποιώντας" για να ενεργοποιήσετε τον κώδικα HTML σε αναρτήσεις στο Tumblr. Κάντε κλικ στο κουμπί "Αποθήκευση ρυθμίσεων" στο κάτω μέρος της σελίδας για να διατηρήσετε τις προτιμήσεις σας.

4.

Κάντε κλικ στο εικονίδιο "Κείμενο" στην κορυφή της σελίδας του Πίνακα ελέγχου που ανοίγει. Αυτή η ενέργεια αναδεικνύει τη σελίδα "Προσθέστε ένα κείμενο κειμένου" όπου εισάγετε τον κώδικα HTML για την παρουσίαση φωτογραφιών σας.

5.

Πληκτρολογήστε "" στο πλαίσιο κειμένου Post. Τοποθετήστε το δρομέα σας ανάμεσα στις ετικέτες.

6.

Εισαγω " "για κάθε φωτογραφία που θέλετε να συμπεριλάβετε στην παρουσίαση διαφανειών: Πληκτρολογήστε τη διεύθυνση URL της εικόνας ανάμεσα στα εισαγωγικά: Για παράδειγμα:

Χρησιμοποιώντας το παράδειγμα από το Βήμα 1, ο κώδικας θα φαίνεται ως εξής:

7.

Κάντε κλικ στο κουμπί "Προεπισκόπηση" στο κάτω μέρος του πλαισίου κειμένου, για να δείτε τη διαδοχική προβολή φωτογραφιών στο ιστολόγιό σας. Όταν είναι έτοιμο, κάντε κλικ στο κουμπί "Δημιουργία ανάρτησης" για να δημοσιεύσετε την εργασία σας στο Tumblr.

Συνιστάται