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

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

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

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

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

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

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

Πληκτρολογήστε τον κώδικα "& lt; div style =" background: url (χωρίς εξωτερικά εισαγωγικά) αμέσως πριν από την "{Title}" στη γραμμή "IfShowBlogTitle". Επικολλήστε τη διεύθυνση εικόνας που αντιγράψατε νωρίτερα μέσα στις παρενθέσεις.

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

Συμβουλές

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

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

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