So machen Sie Ihre Navigationsleiste auf einem Blogger nach unten scrollen

Die Navigationsleiste oder Navigationsleiste von Blogger wird nach oben verschoben und verschwindet am oberen Rand einer Blogseite, wenn ein Besucher auf der Seite Ihres Unternehmensblogs nach unten blättert. Wenn ein Besucher Navbar-Tools verwenden möchte, um Aufgaben wie das Durchsuchen von Blogger oder Durchsuchen beliebiger Blogs auszuführen, muss er wieder an den Anfang der Seite blättern, was unbequem sein kann. Verhindern Sie, dass die Navigationsleiste verschwindet, indem Sie auf den Blogger-Vorlagen-Designer zugreifen und einen benutzerdefinierten CSS-Code hinzufügen.

1

Wählen Sie den Titel Ihres Blogs in Ihrem Blogger-Dashboard aus und klicken Sie dann im linken Menü auf "Vorlage".

2

Klicken Sie auf die orangefarbene Schaltfläche "Anpassen", um den Blogger-Vorlagen-Designer zu öffnen.

3.

Wählen Sie "Erweitert" aus, um die erweiterten Optionen für verschiedene Bereiche Ihres Blogs anzuzeigen. Blättern Sie dann zum Ende der Optionen und wählen Sie "CSS hinzufügen", um das Tool zu öffnen, mit dem Sie benutzerdefiniertes CSS hinzufügen können.

4

Geben Sie Folgendes in das Feld ein, damit die Navigationsleiste am oberen Rand des Browserfensters fixiert erscheint:

navbar-iframe {

Position: feststehend; }

Damit die Leiste an den oberen Seiten des Fensters fixiert erscheint, jedoch nicht am oberen Rand, geben Sie stattdessen Folgendes ein:

navbar-iframe {

Position: feststehend; oben: 5px; }

5

Scrollen Sie im Blog-Vorschaufenster unter dem Vorlagen-Designer nach unten, um sicherzustellen, dass die Navigationsleiste beim Scrollen sichtbar ist.

6

Klicken Sie auf die orangefarbene Schaltfläche "Auf Blog anwenden", um Ihr Blog zu aktualisieren.

Tipps

  • Wenn Sie die alte Benutzeroberfläche verwenden, klicken Sie in Ihrem Dashboard auf den Link "Design" für das Blog, um zum Bildschirm Design zu gelangen. Wählen Sie dann "Template Designer", um auf den Blogger-Template-Designer zuzugreifen.
  • Um den Platz oberhalb der Leiste zu ändern, wenn Sie die zweite Option verwenden, geben Sie vor "px" eine niedrigere oder höhere Zahl ein.

Warnung

  • Sie müssen den Code bei jeder Änderung Ihres Vorlagendesigns hinzufügen.

Empfohlen