Πολλοί ιστότοποι προσφέρουν widget για ενσωμάτωση στο ιστολόγιό σας, ανοίγοντας ένα ευρύ φάσμα δυνατοτήτων προσαρμογής. Εάν το θέμα Tumblr περιλαμβάνει πλευρική γραμμή, μπορείτε να εισαγάγετε εφαρμογές στη σελίδα του ιστολογίου σας επικολλώντας μια γραμμή κώδικα HTML στην ετικέτα πλευρικής γραμμής του θέματος. Οι ιστότοποι που προσφέρουν widget μπορούν να δημιουργήσουν αυτήν τη γραμμή κώδικα, οπότε δεν χρειάζεστε γνώσεις προγραμματισμού για να εισαγάγετε widget στην πλαϊνή γραμμή σας. Το Tumblr περιλαμβάνει έναν επεξεργαστή HTML με μια γραμμή αναζήτησης, ώστε να μπορείτε να εντοπίσετε γρήγορα την ετικέτα πλευρικής γραμμής και να εισαγάγετε τον κωδικό στη σωστή θέση του.
Επισκεφθείτε έναν ιστότοπο όπως το Widgetbox, το ShareThis ή το Tumblring για να αναζητήσετε widget για προσθήκη στη σελίδα Tumblr (σύνδεσμοι στους πόρους). Η διαδικασία δημιουργίας κώδικα HTML διαφέρει μεταξύ widget, αλλά κάθε ιστότοπος παρέχει οδηγίες για την προσαρμογή ενός widget, τη δημιουργία κώδικα και την εισαγωγή του κώδικα στη σελίδα Tumblr. Οι τύποι widget περιλαμβάνουν κοινωνικά κουμπιά σελιδοδείκτη, συσκευές αναπαραγωγής μουσικής, μηχανές αναζήτησης και πολλά άλλα.
Επιλέξτε ένα widget και, όταν σας ζητηθεί, ορίστε οποιεσδήποτε επιλογές, όπως διάταξη, χρώμα ή γραμματοσειρά. Ορισμένα widget ενδέχεται να απαιτούν περισσότερες ρυθμίσεις. Για παράδειγμα, εάν ενσωματώνετε ένα πρόγραμμα αναπαραγωγής μουσικής, ενδέχεται να χρειαστεί να ακολουθήσετε τις οδηγίες του ιστότοπου για τη δημιουργία μιας λίστας αναπαραγωγής πριν από τη δημιουργία του κωδικού σας. Αφού κάνετε την επιλογή σας, κάντε κλικ στο "Δημιουργία HTML" ή παρόμοια επιλογή και αντιγράψτε τον κωδικό που εμφανίζεται στο πλαίσιο κειμένου.
Ανοίξτε το Σημειωματάριο και επικολλήστε τον κώδικα σε ένα νέο έγγραφο κειμένου. Αποθηκεύστε το έγγραφο και δώστε του ένα όνομα που μπορείτε εύκολα να το αναγνωρίσετε αργότερα, όπως το όνομα του widget.
Επισκεφτείτε τον πίνακα ελέγχου Tumblr, κάντε κλικ στο εικονίδιο "Gear" και επιλέξτε το ιστολόγιό σας από την πλευρική γραμμή. Κάντε κλικ στην επιλογή "Προσαρμογή" στην ενότητα Θέμα και, στη συνέχεια, επιλέξτε "Επεξεργασία HTML" στη σελίδα προσαρμογής. Ο κώδικας HTML του ιστολογίου σας ανοίγει σε ένα πρόγραμμα επεξεργασίας κειμένου ενσωματωμένο στη σελίδα.
Ανοίξτε ένα νέο έγγραφο κειμένου στο Σημειωματάριο και αντιγράψτε τον κώδικα HTML από το πρόγραμμα επεξεργασίας Tumblr στο νέο έγγραφο Σημειωματάριο. Δώστε σε αυτό το έγγραφο ένα όνομα όπως το "Tumlbr HTML Original", ώστε να μπορείτε να το βρείτε γρήγορα αργότερα, αν δεν σας αρέσουν οι αλλαγές που κάνετε στην πλαϊνή γραμμή σας.
Επιστρέψτε στον επεξεργαστή HTML του Tumblr και πατήστε "Ctrl-F" για να εμφανιστεί η γραμμή εύρεσης και αντικατάστασης, την οποία μπορείτε να χρησιμοποιήσετε για να αναζητήσετε την ετικέτα πλευρικής γραμμής στον κώδικα HTML. Η ακριβής μορφοποίηση του κώδικα μπορεί να διαφέρει μεταξύ των θεμάτων, αλλά μπορείτε να τον βρείτε πληκτρολογώντας "πλευρική γραμμή" (χωρίς εισαγωγικά) στο πλαίσιο Εύρεση επειδή όλες οι ετικέτες πλευρικής γραμμής περιλαμβάνουν αυτήν τη λέξη-κλειδί. Για παράδειγμα, η αναζήτηση για "πλευρική γραμμή" μπορεί να εντοπίσει το απόσπασμα κώδικα "
Επικολλήστε τον κώδικα HTML του γραφικού στοιχείου στην ετικέτα πλευρικής γραμμής, αλλά όχι μέσα στις αγκύλες γωνίας που οριοθετούν τις λέξεις-κλειδιά της ετικέτας. Μετά την εισαγωγή του κώδικα, η ετικέτα πλευρικής γραμμής θα πρέπει να μοιάζει με το ακόλουθο απόσπασμα κώδικα:
Ο δημιουργημένος κώδικας μπορεί να είναι μακρύς και περίπλοκος, αλλά το μόνο που έχετε να κάνετε είναι να τον επικολλήσετε στην ετικέτα πλευρικής γραμμής. Ο πίνακας λευκού διαστήματος και γραμμής δεν έχει σημασία επειδή ο επεξεργαστής HTML του Tumblr διαμορφώνει τον κώδικα για εσάς.
Κάντε κλικ στην «Ενημέρωση προεπισκόπησης» για να δείτε τις αλλαγές σας στο παράθυρο προεπισκόπησης. Εάν το widget σας εμφανίζεται σύμφωνα με τις προτιμήσεις σας, κάντε κλικ στο "Αποθήκευση" και κλείστε το πρόγραμμα επεξεργασίας HTML. Εάν θέλετε να αλλάξετε οποιαδήποτε πτυχή του widget σας, αντικαταστήστε τον τροποποιημένο κώδικα με τον αρχικό κώδικα που έχετε αποθηκεύσει στο Βήμα 5. Επιστρέψτε στη σελίδα δημιουργίας widget, ορίστε τις επιλογές που προτιμάτε και δημιουργήστε ξανά τον κώδικα. Επαναλάβετε τη διαδικασία εισαγωγής κώδικα με τον νέο κώδικα.
Συμβουλές
Εάν εισάγετε πολλά widget πλαϊνής γραμμής, επικολλήστε τα με τη σειρά με την οποία θέλετε να εμφανίζονται στην πλευρική γραμμή σας.
