Eigentlich ist es recht simpel, eigene
Myblog-Layouts herzustellen, da sie ganz gewöhnliche Layouts mit einigen hinzugefügten Codes sind.
Jedoch ist man bei myblog.de darauf beschränkt,
Div- und
Table-Layouts zu nutzen, Iframes sind denkbar ungeeignet. Man sollte zudem darauf achten, dass Content und Navigation nicht zu schmal sind.
Daher codet man zunächst ein ganz gewöhnliches Table- bzw. Div Layout, wie das geht, findet sich hier:
Div-Tut |
Table-Tut
Es ist jedoch zu beachten, dass die CSS-Datei, sofern man sie nicht extern hochlädt, in den Code direkt integriert werden sollte, indem der Inhalt der
style.css zwischen folgende
Tags kopiert:
<style type="text/css">Inhalt der style.css</style>
Das kommt dann wie zuvor in den Head-Bereich des Layouts.
Danach fügt ihr diesem CSS-Teil noch folgendes hinzu:
.inhaltetable { width: 100% }
Das ermöglicht die perfekte Anpassung des Inhaltbereiches.
Hat man dies erledigt, sollte man die Bilder hochladen, die dem Layout das Erscheinungsbild verleihen. Z.B. bei
imagehack.us. Den Link zum Bild, den man dort erhält, fügt man dann dort im Code ein, wo die Bilder verlinkt sind. Entweder im CSS-Teil oder erst später (variiert von Layout zu Layout).
Hat man auch das erledigt, kann man sich dem eigentlichen Myblog-Einbau widmen.
1) Dazu loggt man sich dort ein und klickt auf
Layout -> Vollprofi
2) Dort in dem leeren, weißen Feld fügt man seinen Code ein.
3) Jetzt funktioniert allerdings noch nicht allzu viel, daher sehen wir uns das an, was über dem Textfeld steht wie z.B:
Navigation: {PLACE_NAVI}
4) Das bedeutet, dass man in dem Teil im Layout, wo zuvor die Navigation war, einfach {PLACE_NAVI} einfügt, damit die Navigation angezeigt wird. Darunter kommen dann {PLACE_PAGES}, {PLACE_LINKS}, {PLACE_FRIENDS}
4a) Ein anderer Weg kann es auch sein, die Links unter dem Textfeld manuell einzufügen, die zu den verschiedenen Navigationspunkten führen. Dazu braucht ihr einfach den html-Code im Feld kopieren und ihn anschließend oben im Textfeld an der passenden Stelle einfügen. Das ist z.B. nützlich, wenn man seine Navi mit dem class-Befehl definiert hat.
5) Hat man das geschafft, kann man im Content-Bereich des Layouts (da wo der Inhalt hinkommt), den Befehl {PLACE_CONTENT} einfügen, damit der Inhalt später angezeigt wird. Am besten man setzt zudem {PLACE_POWEREDBY} darunter, damit die Werbung nicht allzu sehr stört.
6) Jetzt klickt man auf "Dein eigenes Layout speichern" und schon müsste dein Layout bei myblog integriert sein.
bei Fragen PN.
sonst find ich das tutorial hilfreich :)