Πώς να βάλετε ένα GIF κάτω από τον τίτλο σας στο Tumblr

Τα περισσότερα θέματα Tumblr σας δίνουν τη δυνατότητα να επιλέξετε είτε έναν κανονικό τίτλο κειμένου είτε μια εικόνα κεφαλίδας στην κορυφή του ιστολογίου σας, αναγκάζοντάς σας να επιλέξετε ανάμεσα σε στυλ και χρησιμότητα. Αλλά με λίγη κωδικοποίηση στο HTML του θέματος, μπορείτε να εισαγάγετε μια εικόνα - ακόμα και μια εικόνα GIF - κάτω από τον κανονικό τίτλο σας, επιτρέποντάς σας να έχετε το καλύτερο και των δύο κόσμων.

Ανεβάστε το GIF σας στο Tumblr χρησιμοποιώντας τη σελίδα στατικής φόρτωσης του Tumblr (σύνδεσμος σε πόρους) και, στη συνέχεια, αντιγράψτε τη διεύθυνση URL που εμφανίζεται μετά τη μεταφόρτωση. Διατηρήστε το μέγεθος της εικόνας κάτω από 5GB. Εναλλακτικά, μεταφορτώστε το GIF σε έναν ιστότοπο φιλοξενίας εικόνων όπως το TinyPic, το PhotoBucket ή το Flickr.

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

Πατήστε "Ctrl-F" για να ενεργοποιήσετε το εργαλείο αναζήτησης και τον τύπο στο "& lt; body & gt;" (χωρίς τα εισαγωγικά) για να βρείτε το τμήμα σώματος στο HTML.

Σάρωση στις επόμενες γραμμές και εύρεση της μεταβλητής {Title}. Θα βρίσκεται μέσα σε ένα μικρό μπλοκ κώδικα που αρχίζει με & lt; a href = "/" & gt; και τελειώνει με & lt; /a & gt ;.

Δημιουργήστε μια κενή γραμμή αμέσως μετά το & lt; /a & gt; ετικέτα και στη συνέχεια εισαγάγετε την ακόλουθη γραμμή κώδικα, αντικαθιστώντας την διεύθυνση URL παραδειγμάτων με τη διεύθυνση URL του αρχείου GIF:

& lt; img src = "http://exampledomain.com/image.gif" & gt;

Κάντε κλικ στην επιλογή "Ενημέρωση προεπισκόπησης" για να δείτε πώς φαίνεται η εικόνα στην οθόνη προεπισκόπησης. Ρυθμίστε το μέγεθος της εικόνας προσθέτοντας ένα χαρακτηριστικό πλάτους, αν είναι απαραίτητο, ή προσθέτοντας ετικέτες ευθυγράμμισης για να το κεντράρετε στη σελίδα. Ακολουθεί ένα παράδειγμα για τον τρόπο τροποποίησης του κώδικα για να γίνει μια κεντρική εικόνα πλάτους 700 pixel:

& lt; center & gt; & lt; img src = "ImageURL" width = "700" & lt; /center & gt; >

Κάντε κλικ στην επιλογή "Αποθήκευση" για να διατηρήσετε τις αλλαγές σας ή κάντε κλικ στο κουμπί "επιστροφή" και έπειτα στο "Έξοδος" για να απορρίψετε τις αλλαγές.