Einbau eines Navigationsmenüs in das Template Minima

In den von Blogger bereitgestellten Templates gibt es keine Navigationsmenüs. Wer in HTML nicht ganz ungeschickt ist, kann das aber selbst in sein Template integrieren.

Wie vor jeder Änderung am HTML-Code sollte man vorher unbedingt ein Backup der Vorlage machen!

Die Abmessungen passen zu einem 660 px breiten Template mit 6 Menüpunkten. Die Breite ist aber im Style leicht anzupassen.

Um den Code zu kopieren, fährt man mit der Maus über die rechte obere Ecke des Code-Fensters und kann sich dann den Code in einem Textfenster anzeigen (view source) oder in den Zwischenspeicher kopieren lassen (copy to clipboard).

Zunächst geht man in Layout > HTML bearbeiten.
Dort sucht man die Zeile:

Unmittelbar darüber fügt man ein:

Jetzt wechselt man zu Layout > Seitenelemente und öffnet das HTML-Gadget unterhalb des Headers. Die Titelzeile bleibt leer. Den folgenden HTML-Code gibt man in das Fenster "Content" ein. Dabei Link1 bis Link6 ersetzen durch die vollständige URL der zu verlinkenden Seite, Maustext1 bis Maustext6 ersetzen durch den Text, der bei Mouseover erscheinen soll und Buttontext1 bis Buttontext6 ersetzen durch den sichtbaren Text auf dem Menübutton:

Zum Schluss muss man noch den Style der Menübuttons bestimmen. Man sucht im HTML-Code die Zeile

und fügt unmittelbar davor folgenden Code ein:



Speichern nicht vergessen - und fertig ist das Navigationsmenü. Wenn man mehr als 6 Seiten zu verlinken hat, wird automatisch eine 2. Zeile erstellt. Natürlich kann man auch weniger als 6 Buttons erstellen, dann passt man einfach im Style die Breite an (width).

Hinweis: Zur Darstellung des Codes wurde "SyntaxHighlighter" von alexgorbatchev.com eingesetzt.