Πώς να εγκαταστήσετε Post Dividers στο Blogger

Εάν ο ιστότοπός σας στο Blogger περιέχει πολλές δημοσιεύσεις, μπορείτε να εγκαταστήσετε διαιρέτες μεταξύ κάθε καταχώρισης για να κάνετε το ιστολόγιό σας πιο ελκυστικό. Τα διαχωριστικά δημοσιεύονται στο κάτω μέρος κάθε εγγραφής που γράφετε και διαχωρίζουν τις ιστορίες σας για να βοηθήσουν τους επισκέπτες να διακρίνουν μεταξύ τους. Το Blogger σάς δίνει τη δυνατότητα να επεξεργαστείτε τον κώδικα του CSS (Cascading Style Sheets) του ιστότοπού σας, ο οποίος σας επιτρέπει να δημιουργήσετε έναν κανόνα που να ολοκληρώνει αυτήν την εργασία.

1.

Συνδεθείτε στο λογαριασμό σας στο Blogger και κάντε κλικ στο σύνδεσμο "Διάταξη". Κάντε κλικ στην επιλογή "Επεξεργασία HTML" για να εμφανιστεί το πλαίσιο κειμένου που περιέχει τον κώδικα του ιστολογίου σας.

2.

Πατήστε ταυτόχρονα τα πλήκτρα "Control" και "F" στο πληκτρολόγιό σας για να εμφανίσετε το πλαίσιο αναζήτησης. Πληκτρολογήστε ".post-footer" στο πεδίο κειμένου του πλαισίου αναζήτησης και πατήστε το πλήκτρο "Enter" για να επισημάνετε αυτό το στυλ CSS.

3.

Κοιτάξτε τον υπάρχοντα κώδικα μέσα στον κανόνα .post-footer για να δείτε εάν περιέχει καταχωρήσεις περιθωρίου και παρεμβολής μεταξύ των σγουράδων. Εάν όχι, πληκτρολογήστε "margin:;" και "padding:;" μέσα στις αγκύλες και ακολουθήστε αυτά τα χαρακτηριστικά με τις επιθυμητές αριθμητικές τιμές σε pixels (px). Για να απεικονίσει:

.post-footer {περιθώριο: 50px; padding: 50px; }}

4.

Πληκτρολογήστε "border-bottom:;" για να δημιουργήσετε ένα χαρακτηριστικό που στυλίζει τους διαχωριστές θέσεων στη σελίδα σας. Εισαγάγετε μια τιμή αριθμού σε εικονοστοιχεία, ένα στυλ γραμμής, όπως "διακεκομμένη" και μια τιμή χρώματος HTML μετά από την ιδιότητα όπως αυτή:

.post-footer {border-bottom: 3px dotted # cccccc; }}

5.

Κάντε κλικ στο κουμπί "Προεπισκόπηση" για να δείτε τους νέους διαχωριστές θέσεων. Κάντε τις επεξεργασίες αν χρειαστεί και κάντε κλικ στο κουμπί "Αποθήκευση αλλαγών" για να δημοσιεύσετε την εργασία σας.

Συμβουλές

• Το χαρακτηριστικό περιθωρίου καθορίζει το ποσό του λευκού χώρου που εμφανίζεται έξω από το περιθώριο του διαιρέτη και το padding καθορίζει την ποσότητα του χώρου που απομακρύνεται από την πραγματική γραμμή.
• Διαχωρίστε κάθε χαρακτηριστικό CSS μέσα στις παρενθέσεις με ένα ερωτηματικό. Για παράδειγμα:
• .post-footer {περιθώριο: 50px; padding: 50px; σύνορα-κάτω: 3px διακεκομμένη #cccccc; }}