Tutorial: Myblog Templates – Navigationslinks anpassen

Geschrieben von Fyn am 8. Mai 2010 und eingeordnet unter , ,

Wenn man ein Template benutzen möchte muss man erstmal die eigenen Links in den Code setzen. Dieses Tutorial ist für Templates von mir angepasst, müsste aber in den meisten Fällen auch bei Layouts von anderen Seiten funktionieren. Als Grundlage für dieses Layouts musst du bereits den Code für Myblog kopiert haben (Tutorial: Template verwenden).

Wenn du ein Template aus dem Layoutdealer hast, dann wirst du gleich zu dieser Seite geleitet. Die Links können verschieden aussehen, sie können zum Beispiel in einer Tabelle eingepackt sein oder wie normale Links dastehen.

Normale Navigation

<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>
<a href="#">Link</a>

Navigation in einer Tabelle

<table><tr>
<td><a href="#">Link</a></td>
<td><a href="#">Link</a></td>
</tr><tr>
<td><a href="#">Link</a></td>
<td><a href="#">Link</a></td>
</tr></table>

Diese Stelle musst du also suchen, sie befindet sich meistens im unteren Bereich eines Templates. Um die Links zu ändern brauchst du natürlich die Links der Zusatzseiten. Die stehen weiter unten auf der Seite. Scrolle dazu etwas runter, links siehst du dann den Seitennamen und daneben in einer kleinen Box der ganze Code für einen Link.

Zusatzseiten

Kopiere nun den ersten Code, das ist immer der Code der Startseite. Beispielsweise:

<a href="http://brokenstarstest.myblog.de">Startseite</a>

Diesen Link nehme ich jetzt und ersetze den Link der momentan in der Navigation steht. Bei der normalen Navigation ist das ziemlich einfach, da außenrum nichts ist. Bei der Navigation die in eine Tabelle eingebaut ist musst du aufpassen, dass du nur den Link löscht und keine Teile der Tabelle.

Hier die Beispiele, wie das ganze mit weiteren eingesetzten Links aussieht, an beiden Navigationsarten gezeigt.

Normale Navigation

<a href="http://brokenstarstest.myblog.de">Startseite</a>
<a href="http://brokenstarstest.myblog.de/brokenstarstest/gb">Gästebuch</a>
<a href="http://brokenstarstest.myblog.de/brokenstarstest/page/1849544">Zusatzseite 1</a>
<a href="#">Link</a>

Navigation in einer Tabelle

<table><tr>
<td><a href="http://brokenstarstest.myblog.de">Startseite</a></td>
<td><a href="http://brokenstarstest.myblog.de/brokenstarstest/gb">Gästebuch</a></td>
</tr><tr>
<td><a href="http://brokenstarstest.myblog.de/brokenstarstest/page/1849544">zusatzseite 1</a></td>
<td><a href="#">Link</a></td>
</tr></table>

Die Namen der Links kannst du verändern. Zum Beispiel:

<a href="http://brokenstarstest.myblog.de">Startseite</a>

in

<a href="http://brokenstarstest.myblog.de">Anfang</a>

Hast du Fragen oder Feedback zu diesem Tutorial?
Kontaktiere mich unter mail@brokenstars.de und ich werde versuchen dir so schnell wie Möglich zu antworten!

Weitere Tutorials zum Thema: