Πώς να κάνετε το Navbar κύλιση προς τα κάτω σε ένα Blogger

Η γραμμή πλοήγησης ή η γραμμή πλοήγησης του Blogger μετακινούνται προς τα επάνω και εξαφανίζονται με την κορυφή μιας σελίδας ιστολογίου όταν ένας επισκέπτης μετακινεί τη σελίδα στο ιστολόγιο της επιχείρησής σας. Εάν ένας επισκέπτης θέλει να χρησιμοποιήσει εργαλεία του Navbar για να εκτελέσει εργασίες όπως Blogger search ή να διερευνήσει τυχαία ιστολόγια, πρέπει να μετακινηθεί πίσω στην κορυφή της σελίδας, κάτι που μπορεί να είναι ενοχλητικό. Αποφύγετε την εξαφάνιση του navbar από την πρόσβαση στο σχεδιαστή προτύπων του Blogger και την προσθήκη ενός προσαρμοσμένου κώδικα CSS.

1.

Επιλέξτε τον τίτλο του ιστολογίου σας στον Πίνακα ελέγχου Blogger και, στη συνέχεια, επιλέξτε "Πρότυπο" στο αριστερό μενού.

2.

Κάντε κλικ στο πορτοκαλί κουμπί "Προσαρμογή" για να ανοίξετε τον σχεδιαστή προτύπων του Blogger.

3.

Επιλέξτε "Advanced" για να εμφανίσετε τις προχωρημένες επιλογές για διαφορετικές περιοχές του ιστολογίου σας και, στη συνέχεια, μεταβείτε στο κάτω μέρος των επιλογών και επιλέξτε "Προσθήκη CSS" για να ανοίξετε το εργαλείο που σας επιτρέπει να προσθέσετε προσαρμοσμένο CSS.

4.

Καταχωρίστε τα παρακάτω στο πεδίο για να κάνετε τη γραμμή πλοήγησης να φαίνεται σταθερή στο επάνω μέρος του παραθύρου του προγράμματος περιήγησης:

navbar-iframe {

θέση: σταθερή. }}

Για να φτιάξετε τη γραμμή που φαίνεται σταθερή στις επάνω πλευρές του παραθύρου, αλλά όχι στην επάνω άκρη, πληκτρολογήστε την ακόλουθη παράμετρο:

navbar-iframe {

θέση: σταθερή. κορυφή: 5px; }}

5.

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

6.

Κάντε κλικ στο πορτοκαλί κουμπί "Εφαρμογή στο ιστολόγιο" για να ενημερώσετε το ιστολόγιό σας.

Συμβουλές

  • Εάν χρησιμοποιείτε την παλιά διεπαφή, κάντε κλικ στο σύνδεσμο "Σχεδίαση" για το ιστολόγιο στον Πίνακα ελέγχου, για να μεταβείτε στην οθόνη Σχεδίαση και, στη συνέχεια, επιλέξτε "Σχεδιαστής προτύπων" για να αποκτήσετε πρόσβαση στον σχεδιαστή προτύπων Blogger.
  • Για να τροποποιήσετε το μέγεθος του χώρου πάνω από τη γραμμή, εάν χρησιμοποιήσετε τη δεύτερη επιλογή, εισαγάγετε έναν μικρότερο ή μεγαλύτερο αριθμό μπροστά από το "px".

Προειδοποίηση

  • Πρέπει να προσθέσετε τον κώδικα κάθε φορά που αλλάζετε το σχέδιο του προτύπου σας.

Συνιστάται