Wie man einen Drop-Down-Header in Blogger

Durch das Einfügen einer HTML-Code-Gadgets in Blogger, können Sie einfügen, den Code für einen Dropdown-Header Funktion unabhängig von Seiten oder direkte URLs, die Sie am oberen Rand einen Blog vorstellen möchten. Können Sie anpassen, wie viele Einträge im Dropdown-Menü aufgelistet sind, und Sie können sogar anpassen, wenn das Menü verfügt über einen linken, rechten oder zentrieren Ausrichtung jeweils auf Ihre Kopf- und Blog.

Anweisungen

1 Besuchen Sie einen Blog zu und an der oberen rechten Ecke klicken Sie auf Design. Sie werden zur Ansicht Seitenelemente übertragen wo klickst du auf das Hinzufügen ein Gadget-Feature befindet sich direkt unter dem Header. Klicken Sie auf HTML/Java-Script und ein konfigurieren-Dialog erscheint.

2 Legen Sie den generischen Dropdown-Code in das Inhaltsfeld lassen Sie das Feld Titel leer. Der grundlegende Code lautet wie folgt:

< Form >< select Name = "Menü" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" Größe = 1 Name = Menü >< Option / > - Listentitel - < option Wert = "http://yourlink#1.com & Quot; / > Link Titel ein < option Value = "http://yourlink#2.com & Quot; / > Link Titel zweite < option Value = "http://yourlink#3.com & Quot; / > Link Titel dritte < / select >< / Formular >

3 Löschen Sie den "Liste" Platz-Holding Titeltext und Sie den Titel des gewünschten Ihr Drop-Down-Menü haben, z. B. "Orte zu besuchen" oder "Kategorien."

4 Löschen Sie die vorgeben URL "http://yourlink#1.com & Quot; und ersetzen Sie es durch die direkte URL die ersten Blog-Unterabschnittes in Ihrem Menü aufgeführten gewünschten. Haben Sie einen "About Me"-Beitrag, können Sie beispielsweise die direkte URL, Post in den ersten Raum für einen Link einfügen. Sie wollen auch "Link Titel One" ersetzen durch einen geeigneten Titel wie "About Me" oder "Autor Bio." Ersetzen Sie die Platzhalter Ihrer URL und Titel für die drei Links in den generischen Code aufgeführt. Fügen Sie einen zusätzlichen Eintrag will man durch die Einfügung einer anderen generischen Linie nach "Link Titel Dritte," wie < option Value = "http://yourlink#4.com & Quot; / > Link Title vier. Passen Sie diese Linie und Linie einfügen, die ein Fünftel angepasst, bei Bedarf an.

5 Legen Sie einen Befehl Ausrichtung wie gewünscht. Drop-Down-Menü wird automatisch nach links ausrichten so dass Sie nicht zusätzliche Codierung einfügen brauchen um eine linke Positionierung zu erhalten. Will man das Menü zentriert, jedoch legen Sie vor dem Rest des Codes und Einfügen < Center > < / center > am Ende des gesamten Codes. Für eine Right-align Einfügen < Div Style = "Text-align: rechts;" > vor dem anderen Code und Einfügen < / Div > ganz am Ende.

6 Klicken Sie auf "Speichern" und im konfigurieren-Dialog werden geschlossen. Zeigen Sie Ihren Blog, um sicherzustellen, dass der Dropdown-Header korrekt implementiert wurde.

Tipps & Warnungen

• Wenn bei der Anzeige von Ihrem Blogs, dass man der Links angezeigt wird nicht funktionieren, gehen zurück auf die Seitenelemente-Seite und klicken Sie auf Bearbeiten, die das Gadget HTML/Java Script unter der Kopfzeile entspricht. Sie können erneut bearbeiten, die Kodierung bei Bedarf zur Festsetzung der fehlerhaften Verknüpfungen.