Πώς να βάλετε μια εικόνα πίσω από τις κεφαλίδες του Post στο Tumblr

Από προεπιλογή, το ιστολόγιό σας Tumblr εμφανίζει μια κεφαλίδα κειμένου με τον τίτλο του ιστολογίου σας πάνω από τις αναρτήσεις σας. Για να βελτιώσετε την εμφάνιση της σελίδας σας, μπορείτε να προσθέσετε μια προσαρμοσμένη εικόνα στην κεφαλίδα, ενώ αφήνετε το υπάρχον κείμενο να εμφανίζεται πάνω στην εικόνα. Στο προεπιλεγμένο θέμα Tumblr, αυτό απαιτεί τροποποίηση του HTML του θέματος, αλλά η προσθήκη μιας εικόνας απαιτεί μόνο μία επιπλέον γραμμή κώδικα.

Συνδεθείτε στον λογαριασμό σας στο Tumblr και ανοίξτε τη σελίδα "Μεταφόρτωση στατικού αρχείου" (σύνδεσμος στους πόρους). Το Tumblr παρέχει αυτόν τον χώρο μεταφόρτωσης αποκλειστικά για αρχεία θεμάτων, οπότε μην το χρησιμοποιείτε για να ανεβάσετε εικόνες για να δημοσιεύσετε στο ιστολόγιό σας.

Επιλέξτε την εικόνα που θέλετε να χρησιμοποιήσετε στην κεφαλίδα σας και κάντε κλικ στην επιλογή "Μεταφόρτωση αρχείου". Οι εικόνες πρέπει να έχουν μέγεθος μικρότερο από 5 MB και μπορείτε να ανεβάσετε μόνο το πολύ 15 MB ανά ημέρα.

Αντιγράψτε τη διεύθυνση που εμφανίζεται στο Tumblr για την εικόνα που έχετε ανεβάσει.

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

Κάντε κύλιση προς τα κάτω στον κώδικα στην τρέχουσα κεφαλίδα. Για να βρείτε τη σωστή γραμμή, πατήστε "Control-F" και αναζητήστε το "IfShowBlogTitle" (χωρίς εισαγωγικά).

Πληκτρολογήστε τον κωδικό "

"(χωρίς εξωτερικά εισαγωγικά) αμέσως πριν από το" {Title} "στη γραμμή" IfShowBlogTitle ". Επικολλήστε τη διεύθυνση εικόνας που αντιγράψατε νωρίτερα μέσα στις παρενθέσεις.

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

Συμβουλές

Εάν το κείμενο επικάλυψης καταλαμβάνει περισσότερο χώρο από την εικόνα σας, η εικόνα θα επαναληφθεί για να γεμίσει τον απαραίτητο χώρο. Εάν προτιμάτε να εμφανίζεται η εικόνα μόνο μία φορά ανεξάρτητα, προσθέστε το "background-repeat: no-repeat;" (χωρίς εισαγωγικά) αμέσως πριν από το τελικό εισαγωγικό στον κωδικό που προσθέσατε.

Προειδοποιήσεις

Οι πληροφορίες σε αυτό το άρθρο ισχύουν για το προεπιλεγμένο θέμα Tumblr. Άλλα θέματα ενδέχεται να λειτουργούν διαφορετικά ή να περιλαμβάνουν έναν τρόπο τροποποίησης της κεφαλίδας σας χωρίς να επεξεργάζεστε τον κώδικα χειροκίνητα.