Menü Links bei Blogger.com - Nicht blau und nicht unterstrichen - Verzweiflung ..

Hallo,

Ich bin neu hier, und langsam am verzweifeln.
Ich habe HTML früher gut gekonnt.. aber da ich es kaum benützt habe bin ich am verzweifeln an den leichtesten Dingen.

Mein Problem:

Ich möchte bei Blogger.com (Google Blog) ein Navigationsmenü erstellen, genau wie auf dieser Seite
Link: ******

Es klappt einfach nicht.. was mache ich falsch?
Bei Blogger muss man CSS getrennt eingeben??
Ich verwende das gleiche Theme bei Blogger.com

Mein Lösungsansatz:

Ich erstelle ein neues Widget "HTML" .. dort schreibe ich dann den Code hinein:

<span style="font-family: Arial,Helvetica,sans-serif;"><a href="http://link1.com">Seite 1</a>&nbsp;</span>
|&nbsp;
<span style="font-family: Arial,Helvetica,sans-serif;"><a href="http://link2.com">Seite 2</a>&nbsp;</span>

Was fehlt, damit es genau wie auf der Seite ausschaut?

Vielen Dank schonmal für alle nützlichen und lieb gemeinten Antworten.

Liebe Grüße

P.S. Ich habe schon in Büchern und fast den ganzen gestrigen Nachmittag nach einem Code gesucht, Leider ohne Erfolg.

Die Links sind kein Problem, aber ich möchte dass die Links so wie auf der Seite oben nicht blau und nicht unterstrichen sind.

Weil die Seite erst im entstehen ist. => ********
Blogger bietet für dieses Theme nur diese Standardnavigation,.. andere muss man per HTML erstellen.

Du weißt also nicht was ich meine? Hmm.. ich weiß nicht wie ich es noch anders formulieren soll.
Hyperlinks die nicht blau und nicht unterstrichen unterlegt sind.. - das suche ich.

Da fehlt nur ein kleiner Zusatz beim CSS Code... aber ich weiß nicht mehr wie der ging.. mehr will ich auch nicht

Ich habe es nun endlich selbst herausgefunden.
Für alle die das gleiche Problem haben hier der Code.

<a href="https://yourlink.com" style="text-decoration:none" style="color: black;">LINKTEXT</a>