So zentrieren Sie mein Navigationsmenü über CSS in Blogger

Die Blogger-Weblog-Plattform von Google bietet eine Option zum Erstellen von bis zu 20 separaten Seiten, auf denen Sie mithilfe von Registerkarten navigieren können, die oben in Ihrem Blog angeordnet sind. Standardmäßig sind die Registerkarten, die Ihre Blogger-Seiten darstellen, auf der linken Seite ausgerichtet. Die Position kann jedoch geändert werden, indem Sie das CSS konfigurieren, das Ihre Site erstellt. Web-Standard-CSS enthält keinen zentralen Wert zum Ausrichten von DIVs auf einer Seite. Das Tabs-Element auf Ihrer Blogger-Site kann jedoch so konfiguriert werden, dass es in der Mitte der Seite angezeigt wird.

1

Gehen Sie online zu Blogger.com und melden Sie sich bei Ihrem Konto an, um auf das Dashboard für Ihren Blogger-Account zuzugreifen.

2

Klicken Sie neben dem zu bearbeitenden Blog in Ihrem Dashboard auf "Einstellungen".

3.

Wählen Sie die Registerkarte "Design" und klicken Sie auf "HTML bearbeiten", um CSS und HTML anzuzeigen, aus denen Ihr Blog besteht.

4

Scrollen Sie nach unten zu "* / Tabs" und suchen Sie das unten aufgeführte Element ".tabs-inner .widget ul".

5

Heben Sie den Wert nach "margin-left:" hervor und geben Sie "350px;" ein. Im Allgemeinen sind Blogger-Websites etwa 800 Pixel breit. 350 Pixel sollten ausreichen, um die Seitennavigation zu zentrieren.

6

Klicken Sie auf „Vorschau“, um eine neue Registerkarte zu öffnen, die die am CSS vorgenommenen Änderungen anzeigt. Wenn die Seitennavigation nicht ganz zentriert ist, kehren Sie zum Element „.tabs-inner .widget ul“ zurück und ändern Sie den Wert für „margin-left“ entsprechend.

7.

Klicken Sie auf "Vorlage speichern", wenn Sie die Änderungen an Ihrer Blogger-Navigation vorgenommen haben.

Beliebte Beiträge