So erstellen Sie ein ausblendbares Menü zum Umschalten in Blogger

Eine der schnellsten Möglichkeiten, um ein reduzierbares Menü zu einer Website oder einem Blog hinzuzufügen, ist das Platzieren von Menüelementen in einem HTML-Div-Block. Webdesigner verwenden div-Container, die zwei Webseitenobjekte enthalten. Blogger, der kostenlose Blogging-Service von Google, gibt Benutzern die Möglichkeit, neue Widgets in ihre Blogs einzubetten. Durch das Hinzufügen eines Widget, das JavaScript unterstützt, kann ein Div-Container enthalten sein, der ein reduzierbares Menü enthält, das Site-Besucher umschalten können.

1

Öffnen Sie Ihren Browser und besuchen Sie Ihre Blogger-Dashboard-Seite. Diese Seite zeigt eine Liste Ihrer Blogs.

2

Suchen Sie den Link "Design" neben einem Ihrer Blognamen und klicken Sie darauf. Blogger führt Sie auf die Seite Layout bearbeiten.

3.

Suchen Sie den Link "Ein Gadget hinzufügen" auf der rechten Seite der Seite. Klicken Sie darauf und dann auf "HTML / JavaScript".

4

Geben Sie den folgenden Code in das Feld unter der Bezeichnung "Inhalt" ein:

INSERT URL LABEL HERE INSERT URL LABEL HERE

Dieser Code erstellt Ihr reduzierbares Menü. Sie müssen nur vier Dinge in diesem Code ändern. Beachten Sie die zwei Zeilen, die den Text "URL hier einfügen" enthalten. Diese Zeilen - am unteren Rand des Codes - erstellen die Links Ihres Menüs. Wenn Website-Besucher auf einen dieser Links klicken, navigieren ihre Browser zu der im Link angegebenen URL. Gehen Sie in die erste Zeile mit der Aufschrift "URL einfügen" und ersetzen Sie diesen Text durch eine URL, die Sie dem Menü hinzufügen möchten. Ersetzen Sie "INSERT URL LABEL HERE" durch einen beliebigen Text, der die URL beschreibt. Eine Beispielzeile könnte wie folgt aussehen:

Besuchen Sie die IRS

Die URL lautet in diesem Beispiel "//www.irs.gov". Der Etikettentext lautet "Besuchen Sie die IRS." Gehen Sie zur nächsten Zeile mit der Aufschrift "URL einfügen" und fügen Sie dieser Zeile eine URL und einen beschreibenden Text hinzu, um Ihren zweiten Menüpunkt zu erstellen.

5

Klicken Sie auf die Schaltfläche "Speichern", um Ihre Änderungen zu speichern. Klicken Sie oben auf der Seite "Layout bearbeiten" auf die Schaltfläche "Speichern". Klicken Sie darauf und dann auf "Vorschau". Blogger zeigt Ihr Live-Blog an. Ein neues Dropdown-Menü wird im Seitenbereich angezeigt. Das Menü ist reduziert.

6

Klicken Sie auf die Schaltfläche "Menü umschalten" unter dem Menü. Das Menü wird geöffnet und zeigt die hinzugefügten Links an. Klicken Sie auf einen der Links, um zu der URL zu navigieren, die Sie im HTML-Code für das Menü angegeben haben.

Spitze

• Fügen Sie Ihrem Menü einen weiteren Link hinzu, indem Sie eine der von Ihnen geänderten Zeilen duplizieren und unterhalb der vorhandenen Zeilen einfügen. Fügen Sie mit dieser Methode beliebig viele Links ein.