So erstellen Sie Dropdown-Links auf Blogger

Mithilfe von HTML-Tags zum Auswählen können Sie Hunderte von Links in Ihrem Blogger-Beitrag anzeigen, ohne Hunderte von Zeilen auf der Webseite zu belegen. Entwickler verwenden ausgewählte Tags, um wertvollen Speicherplatz auf Seiten zu sparen und Verknüpfungen in effizienten, kompakten Dropdown-Boxen zu organisieren. Wenn Sie das nächste Mal mehrere Links in Ihrem Blogger-Beitrag anzeigen, fügen Sie ein Dropdown-Feld hinzu und genießen Sie die Platzersparnis.

1

Richten Sie Ihren Browser auf Ihre Google Blogger-Startseite. Klicken Sie auf "Neuer Beitrag" und dann auf "HTML bearbeiten".

2

Geben Sie einige Wörter in das Bearbeitungsfeld ein, das in der Mitte der Seite angezeigt wird. Klicken Sie auf die Schaltfläche "HTML bearbeiten" und fügen Sie nach dem von Ihnen eingegebenen Text den folgenden Code ein:

Wählen Sie einen Link White House IRS INSERT LABEL

Dadurch wird ein Dropdown-Feld mit Links zu den Elementen des Weißen Hauses und der IRS-Websites erstellt. Das letzte Option-Tag enthält "INSERT URL" und "INSERT LABEL". Ersetzen Sie "INSERT URL" durch die URL einer Website. Ersetzen Sie „INSERT LABEL“ durch einen beliebigen Text, der die Site beschreibt. Nachdem Sie dies getan haben, enthält das Dropdown-Feld Links zum Weißen Haus, zum IRS und zur dritten Site, die Sie eingegeben haben. Das erste Options-Tag, das "Select a Link" enthält, dient lediglich als Anleitung für Website-Besucher. Wenn sie Ihren Blogbeitrag zum ersten Mal anzeigen, wird im Dropdown-Feld "Select a Link" angezeigt. Ändern Sie diesen Text nach Belieben.

3.

Klicken Sie auf "Beitrag veröffentlichen" und anschließend auf "Beitrag anzeigen", um Ihren Beitrag anzuzeigen. Die Dropdown-Liste wird unter Ihrem Text angezeigt.

4

Klicken Sie auf das Dropdown-Feld und dann auf einen der Links im Feld. Ein neues Browserfenster oder eine neue Registerkarte wird geöffnet und navigiert zur ausgewählten Website.

Tipps

• Fügen Sie beliebig viele Links zu einem Dropdown-Menü hinzu, indem Sie dem HTML-Code neue Option-Tags hinzufügen. Um beispielsweise einen vierten Link hinzuzufügen, fügen Sie diesen Code nach dem dritten Option-Tag ein: INSERT LABEL. ”Ersetzen Sie" INSERT URL "durch eine neue URL und" INSERT LABEL "durch beliebigen Text.
• Ein neues Browserfenster oder eine neue Registerkarte wird geöffnet, wenn Sie in diesem Beispiel auf einen Link klicken. Das liegt daran, dass der Wert des Zielattributs im HTML-Code "_blank" lautet. Wenn Sie möchten, dass sich neue URLs in demselben Fenster öffnen, ändern Sie "_blank" in "_self" im Code.