υπολογιστή

* Γνώση Υπολογιστών >> υπολογιστή >> Διαδίκτυο

Πώς να εισαγάγετε εφαρμογές Tumblr στην Πλευρική Γραφή

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

Επισκεφθείτε έναν ιστότοπο όπως Widgetbox, ShareThis ή Tumblring για να αναζητήσετε widgets τη σελίδα Tumblr (σύνδεσμοι σε πόρους). Η διαδικασία δημιουργίας κώδικα HTML ποικίλλει μεταξύ γραφικών στοιχείων, αλλά κάθε ιστότοπος παρέχει οδηγίες για την προσαρμογή ενός γραφικού στοιχείου, τη δημιουργία κώδικα και την εισαγωγή του κώδικα στη σελίδα Tumblr. Οι τύποι των widgets περιλαμβάνουν κουμπιά κοινωνικού bookmarking, συσκευές αναπαραγωγής μουσικής, μηχανές αναζήτησης και πολλά άλλα.

Επιλέξτε ένα γραφικό στοιχείο και, όταν σας ζητηθεί, επιλέξτε οποιεσδήποτε επιλογές, όπως διάταξη, χρώμα ή γραμματοσειρά. Ορισμένα γραφικά στοιχεία ενδέχεται να απαιτούν περισσότερες ρυθμίσεις. Για παράδειγμα, εάν ενσωματώνετε μια συσκευή αναπαραγωγής μουσικής, ίσως χρειαστεί να ακολουθήσετε τις οδηγίες του ιστότοπου για τη δημιουργία μιας λίστας αναπαραγωγής πριν να μπορέσει να δημιουργηθεί ο κωδικός σας. Αφού κάνετε την επιλογή σας, κάντε κλικ στο κουμπί "Δημιουργία HTML" ή μια παρόμοια επιλογή και αντιγράψτε τον κώδικα που εμφανίζεται στο πλαίσιο κειμένου.

Ανοίξτε το Σημειωματάριο και επικολλήστε τον κώδικα σε ένα νέο έγγραφο κειμένου. Αποθηκεύστε το έγγραφο και δώστε του ένα όνομα που μπορείτε εύκολα να το αναγνωρίσετε αργότερα, όπως το όνομα του widget.

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

Ανοίξτε ένα νέο έγγραφο κειμένου στο Σημειωματάριο και αντιγράψτε τον κώδικα HTML από τον επεξεργαστή Tumblr στο νέο έγγραφο του Notepad. Δώστε σε αυτό το έγγραφο ένα όνομα όπως το "Tumlbr HTML Original" έτσι ώστε να το βρείτε γρήγορα αργότερα αν δεν σας αρέσουν οι αλλαγές που κάνετε στην πλαϊνή σας μπάρα. Επιστροφή στον επεξεργαστή HTML του Tumblr και πατήστε "Ctrl- F "για να εμφανιστεί η γραμμή Εύρεση και αντικατάστασης, την οποία μπορείτε να χρησιμοποιήσετε για να αναζητήσετε την ετικέτα της πλαϊνής γραμμής μέσα στον κώδικα HTML. Η ακριβής μορφοποίηση του κώδικα μπορεί να διαφέρει μεταξύ των θεμάτων, αλλά μπορείτε να το βρείτε πληκτρολογώντας "sidebar" (χωρίς εισαγωγικά) στο πλαίσιο Εύρεση επειδή όλες οι ετικέτες της πλαϊνής γραμμής περιλαμβάνουν αυτή τη λέξη-κλειδί. Για παράδειγμα, η αναζήτηση για την "πλευρική γραμμή" ενδέχεται να εντοπίσει το απόσπασμα κώδικα "& lt; div id =" sidebar "& gt ;," το οποίο υποδεικνύει την αρχή της ετικέτας της πλαϊνής γραμμής. Η ετικέτα τελειώνει με τη λέξη-κλειδί "& lt; /div & gt;" που κλείνει.

Επικολλήστε τον κώδικα HTML του widget στην ετικέτα της πλαϊνής γραμμής, αλλά όχι μέσα στις αγκύλες που οριοθετούν τις λέξεις-κλειδιά της ετικέτας. Μετά την εισαγωγή του κώδικα, η ετικέτα της πλαϊνής γραμμής σας θα πρέπει να μοιάζει με το ακόλουθο απόσπασμα κώδικα:

& lt; div id = "sidebar" & gt; Ο κώδικας HTML του widget σας πηγαίνει εδώ & lt; /div & gt;

Ο δημιουργούμενος κώδικας μπορεί να είναι μακρύς και περίπλοκος, αλλά το μόνο που έχετε να κάνετε είναι να το επικολλήσετε στην ετικέτα της πλαϊνής γραμμής. Οι λευκές ετικέτες διαστήματος και γραμμών δεν έχουν σημασία, επειδή ο επεξεργαστής HTML του Tumblr διαμορφώνει τον κώδικα για εσάς.

Κάντε κλικ στην επιλογή "Ενημέρωση προεπισκόπησης" για να δείτε τις αλλαγές στο παράθυρο προεπισκόπησης. Εάν το γραφικό στοιχείο σας εμφανίζεται σύμφωνα με τις προτιμήσεις σας, κάντε κλικ στην επιλογή "Αποθήκευση" και κλείστε τον επεξεργαστή HTML. Εάν θέλετε να αλλάξετε οποιαδήποτε όψη του γραφικού στοιχείου, αντικαταστήστε τον τροποποιημένο κώδικα με τον αρχικό κωδικό που αποθηκεύσατε στο Βήμα 5. Επιστρέψτε στη σελίδα δημιουργίας του widget, επιλέξτε τις επιλογές που προτιμάτε και δημιουργήστε ξανά τον κωδικό. Επαναλάβετε τη διαδικασία εισαγωγής κώδικα με τον κώδικα που δημιουργήθηκε πρόσφατα.

Συμβουλές

Αν εισάγετε πολλαπλά widgets της πλαϊνής γραμμής, επικολλήστε τα με τη σειρά με την οποία θέλετε να εμφανίζονται στην πλαϊνή σας μπάρα.

Συναφής σύστασή

Πνευματικά δικαιώματα © Γνώση Υπολογιστών Όλα τα δικαιώματα κατοχυρωμένα