03 Blog Header erstellen/einfügen

  • FTU
  • All

Wir freuen uns das Sie unsere Tutorials nacharbeiten möchten.
Bevor Sie aber Anfangen schauen Sie unsere AGB an und sollten fragen dazu sein,bitten wir Sie uns über das Kontaktformular eine Nachricht zusenden.
Wir werden innerhalb von 24 Stunden ihre Anfrage beantworten.

  • 03 Blog Header erstellen/einfügen

    Diese Anleitung wurde von mir geschrieben.
    Das © dafür liegt bei mir Kenda
    Diese Anleitung ist aus meinem Kopf entstanden,
    Ähnlichkeiten mit anderen Tutorials sind zufällig und keinesfalls beabsichtigt.

    Diese Anleitung dient nur als Hilfestellung
    und lässt ausreichend Spielraum das Ihr Euren Blog nach Euren Wünschen einrichten könnt.

    Es darf weder kopiert noch auf anderen Seiten zum Download angeboten werden.
    Auch dürft Ihr es nicht als Euer Eigen ausgeben.



    Header erstellen/einfügen

    Hier könnt Ihr Euch einen eigenen Header erstellen oder auch einen im Grafikforum bestellen.

    Ruft dazu bitte Euer Dashboard auf, wählt Euren Blog aus und wechselt auf Layout
    Hier bekommt Ihr nun angezeigt wie es auf Eurem Blog aussieht.

    [IMG:http://abload.de/img/03_blog_01f2scl.jpg]

    Alles was mit den kleinen grauen Kästen markiert ist könnt Ihr mit der Maus nehmen und an eine Position verschieben an die Ihr das Element haben möchtet.
    Bewegt Eure Maus doch mal drüber, es erscheint das Verschieben-Symbol.

    Gut, wir wollen ja nun den Header einbauen.
    Dazu geht doch bei der Überschrift Header auf das blaue Bearbeiten
    es öffnet sich nun folgendes Fenster

    [IMG:http://abload.de/img/03_blog_02aqsev.jpg]

    Dort könnt Ihr nun den Header hochladen, in der Regel ladet Ihr von dem Computer hoch.
    Setzt den Punkt vor Anstelle von Titel und Beschreibung
    alternativ kommt auch Beschreibung nach dem Bild platzieren in Frage.
    Ihr findet da auch eine kleine Meldung auf was für eine Breite das Bild verkleinert wird.
    Der Header sollte also schon in dieser Größenordnung erstellt werden.

    Die Headerbreite ist abhängig von der Blogbreite,
    wo Ihr die einstellen könnt habt Ihr ja schon gelesen

    Also Header hochladen, evtl. eine Blog-Beschreibung eingeben und Speichern.

    Auch hier gilt, Layout speichern damit man die Änderungen auch auf dem Blog sehen kann


    Sollte bei Euch das Problem auftreten das der Header nicht mittig angezeigt wird dann
    wechselt bitte in den Vorlagen-Designer, den heben wir ja in dem vorherigen Tutorial schon kennen gelernt.
    Öffnet hier unter dem Punkt erweitert den Punkt CSS hinzufügen, das ist der letzte Punkt dieser langen Liste.
    Fügt in das Textfelde folgenden Code ein und immer daran denken, Auf Blog anwenden nicht vergessen.

    #Header1_headerimg {
    margin: auto;
    }
    Falls dieser Code nicht das gewünschte Ergebnis liefert dann löscht ihn bitte wieder und versucht es mit dem folgendem:

    #header-inner img {
    margin: 0 auto;
    }