Oft werden wir gefragt, wie man den Header mittig ausrichtet. Wir haben gerade nur die Antwort für den Vorlagendesigner, für die alten müssen wir noch etwas tüfteln und schauen, wie wir es nicht allzu kompliziert erklären :)
Schritt 1
Ihr öffnet "Design" --> "Vorlagen-Designer" und geht auf "Erweitert". Dort scrollt ihr ganz runter zu "CSS einfügen".
Schritt 2
Ihr fügt in den weißen Kasten dann das hier ein:
#Header1_headerimg {
margin: auto;
}
margin: auto;
}
Dann müsste das so aussehen:
Und schon habt ihr euren Header mittig. Manchmal reagiert Blogger nicht gleich, also versucht es nochmal, wenn es nicht gleich klappt :)
Wenn es nicht klappt, versucht, das hier einzusetzen:
Wenn es nicht klappt, versucht, das hier einzusetzen:
#header-inner img {
margin: 0 auto;}
margin: 0 auto;}
Blogger ist manchmal schon gemein :(
heii
AntwortenLöschenich musste 8 Leuten einen Blogaward verliehen und du/ihr seit einer davon :)
http://thekimbarbie.blogspot.com/2011/01/stylish-blogger-award.html
xx
Bei mir funktioniert das nicht. Ich habe es schon vor ein Paar Stunden mehrmals versucht. Aber nichts.
AntwortenLöschenbei mir auch nicht :o
AntwortenLöschenToll, danke! Bei mir hat's auf Anhieb geklappt! Gibt's auch einen Trick, wie ich meinen Header in der Grösse anpassen kann?
AntwortenLöschenwww.ryf-style.blogspot.com
OH MEIN GOTT ;) ENDLICH!!
AntwortenLöschendankeeee
hat sofort geklappt :D
u das mit dem kommentardingslink auch :D
DANKE iHR SEIT DI BESTE SEITE ALLER ZEITEN :D
take a look at my blog (: and maybe follow me on bloglovin or Facebook
XOXO S.
Dieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenbei mir funktioniert es leider auch nicht, wahrscheinlich liegt es an der vorlage.
AntwortenLöschenbei mir funktioniert es leieder auch nicht... :( hmm, mein header ist eh doof platziert. kannst du vllt mal auf meine seite klicken und schauen woran es liegen könnte? mein header ist mir auch viel zu eckig und gross. am liebsten hätte ich ihn etwas kleiner, daür länger(das erüber die ganze seite geht, als bis ende des seitentextes) oder eben mittig.. über eine antwort würd ich mich sehr freuen :) dieser blog ist goldwert:)
AntwortenLöschenlg kim
danke. (:
AntwortenLöschenBei mir hats super geklappt, mich würde nur noch interessieren wie man den Blog Titel ebenso mittig platziert, damit das untereinander ist. Habs hier leider nicht finden können, aber vielleicht bin ich auch nur ein bisschen zu blind <.<
AntwortenLöschenDer letzte Code hat nur geklappt!
AntwortenLöschenDanke! Habe mich schon etwas länger gefragt wie das geht :/
vielen vielen dank für diesen post!!
AntwortenLöschenich hab mich schon so oft aufgeregt weil ich den header nicht mittig bekommen hab -.-'
danke danke danke
<3
Bei mir ging auch nur der zweite Code :) Aber danke für das Tut! :) Hab ewig im Quelltext rumgesucht und nix gefunden! :)
AntwortenLöschendanke,ihr seid toll!:)
AntwortenLöschenich find eure Seite echt toll :)
AntwortenLöschendas mit dem Header zentrieren hat beim alten Header sofort geklappt, aber jetzt geht es nicht, ich weiß nicht warum... :/
Danke für den Tip!
AntwortenLöschenZuerst habe ich es mit Code 1 probiert...nichts....
Löschte (merkte das kurz der Header mittig war)...und setzte den Code 2 rein....auch nichts,
löschte, sie oben.
Also an was lag es....
#Header1_headerimg {
margin: auto;
}<das letzte Zeichen ließ ich weg,
und der Header ist mittig.
Warum auch immer.....=0)
LG von Luna
bei mir funktioniert es leider auch nicht. kann es vielleicht daran liegen, dass ich kein bild als header habe, sonderen nur schrift ? :o
AntwortenLöschenhaha cool, musste das letzte zeichen vom 2. code weglassen, dann fkt ;D
AntwortenLöschenSuper. Dank euch entwickelt sich mein Blog langsam so wie ich ihn mag.
AntwortenLöschenSchat mal bitte vorbei: http://sandra-bart.blogspot.com/
Allerdings htte ich noch zwei Fragen: Wei bekomme ich den Header mit den Stifteteil breiter und wie kann ich mir die stifte (eigenes bild von mir) links und rechts hinbasteln, also als template?
Vielen Dank für das Tutorial, mir hats geholfen :)
AntwortenLöschenJetzt zu meiner Frage- kann man das auch einrichten, dass auch das Menü unter dem Header mittig ist?
Lieben Gruß ;)
ENDLICH!!! :))
AntwortenLöschenoder so, das hat bei mir geklappt (die zwei oberen gingen iwie nicht..)
AntwortenLöschen.Header {
text-align: center;
}
danke! der code funzt endlich mal!
LöschenJa stimmt mit dem Code hat es funktionier.DANKE!!!!
Löschenoh man, Danke! Die anderen gingen bei mir nicht, aber mit dem klappt es :)
Löschenmais-lifestyleblog.blogspot.de
so gut! danke<3
Löschender code hat bei mir auch funktioniert, allerdings letzte klammer weggelassen. dann ging es. Jetzt fehlt mir noch die Menüleiste, die möchte ich auch zentrieren. Wisst ihr wie das geht?
LöschenBellaMein herzensüßer Blog
Danke!! Funktioniert super!!
Löschen(Auch danke für das tolle Tutorial von Copy Paste Love :D )
Dankeeeeeeeeeee, du bist ein Schatz! Jetzt funktioniert es auch bei mir!
LöschenDankeschön! Es hat sofort funktioniert
LöschenDanke dir, der hat funktioniert :)
Löschenbei mir funktionierts auch nicht...ich hab allerdings die Minima Vorlage von den 2006'ern...Wie funktioniert das dafür? =(
AntwortenLöschenbei mir funktionierts auch ned... aber als ich eine neue vorlage hatte, hats auf anhieb geklappt, vll klappts nur bei den alten nicht :/
AntwortenLöschenDanke...Könnt ihr mir sagen wie mal die tabs zentriert?
AntwortenLöschenhej c: bei mir hat es sofort geklappt.
AntwortenLöschenjetzt habe ich aber noch eine anderern frage.Bei mir ist vo dem haeder oder beim Haeder so eine Blaue Fläche...Was sit das und wie bekomme ich das weg ??
Siehe:
http://frombudtobloom.blogspot.com/
danke schonmal c:
Woah danke :D
AntwortenLöschenDanke, bei mir hat´s nach mehreren Versuchen gut funktioniert!
AntwortenLöschenmit dem zweiten hat es bei mir auch geklappt! danke für diesen wundervollen tipp!!
AntwortenLöschensuper !
AntwortenLöschenDanke! es hat auch gleich funktioniert... und ich dachte ich müsste mit dem linksseitigen Header leben...
AntwortenLöschenGrüße
Ihr seid einfach die Besten. Bei mir hat auch der zweite Code ohne das letzte Zeichen geklappt.
AntwortenLöschenIch danke euch so so so so sehr für all eure Mühe <3 <3 <3
Ich hab auch einfach das letzte Zeichen weggelassen und dann klappte es auch be mir! Diese Seite ist echt ein Segen! DANKE! :)
AntwortenLöschenJa das geht! super, danke!
Löschenes funktioniert nicht! woran könnte das liegen?
AntwortenLöschenfunktioniert nicht :( aber is auch nicht soo wichtig
AntwortenLöschenDanke,ich liebe dich dafür :D
AntwortenLöschenHat eeeeendlich geklappt http://phototowngirl.blogspot.com/ <3<3
Viiiiiiiilen Dank! Code 2 mit weggelassenen letzten Zeichen hat funktioniert :-) Bin überglücklich!
AntwortenLöschenhttp://missblueberrymuffin.blogspot.com/
welches zeichen hast du weggelassen?
Löschenich liebe dich!!!
AntwortenLöschenBei mir geht's leider nicht :/
AntwortenLöschenBei mir geth's auch nicht. Wieso?
AntwortenLöschenNeeein es geht nich *sniff*
AntwortenLöschenAuch nich mit zweiten Code & da letztes Zeichen weggelassen -.-
Es funktioniert einfach nicht, ich beschäftige mich jetzt schon seit einer Stunde damit. Was kann ich noch tun damit der dumme Header in der Mitte ist?
AntwortenLöschenWarum funktiuniert das nicht blöder header:(
AntwortenLöschenAn alle bei dennen es nicht funktiuniert, ihr müsst eine andere Vorlage nehmen!
AntwortenLöschenDANKE!! :)
AntwortenLöschenwww.harmonyiseverything.blogspot.de
Eure Seite ist sooo super, ich hole mir hier immer Anregungen und ihr habt mir schon so einiges Mal geholfen! Da shier hat auch auf Anhieb geklappt. Vielen, vielen Dank!
AntwortenLöschenIch wollte mal fragen, ob es für euch in Ordnung wäre, wenn ich in einem Post über euren tollen Blog schreibe!?
Liebe Grüße
Anna
Bei mir funktioniert nur der zweite Code:
AntwortenLöschen#header-inner img {
margin: 0 auto;}
Vielen Dank! <3
http://lilienwolf.blogspot.com
Gibt es auch eine Möglichkeit, die Zentrierung wieder zu entfernen? Meiner ist zentriert, im CSS habe ich aber gar nichts mehr gespeichert... Mein Header passt zentriert jetzt gar nicht mehr :(
AntwortenLöschenwww.nyiloveyou-nyiloveyou.blogspot.com
Bei mir hat es mit dem ersten Code auf Anhieb geklappt. Danke für die Erklärung!
AntwortenLöschenhej (:
AntwortenLöschenhat geklappt :b
aber ich würde es gerne rückgängig machen.
& wenn ich jetzt wieder zum CSS bereich gehe ,
steht da nichts mehr . Könnt ihr mir bitte helfen ?
Hej (;
AntwortenLöschenKann man den header auch rechtsbündig machen ? <3
Bei mir zeigt es den Header im Vorlagendesigner mittig an und auf dem Blog ist er aber linksbündig? Wie kann das denn sein?:(
AntwortenLöschenBei mir hat es geklappt, indem ich nach '.header-inner' gesucht und dort 'position: relative; text-align: center;' eingesetzt habe.
AntwortenLöschenLG,
Nicole
Mein Header ist genauso breit wie mein Blog und ich habe jetzt schon versucht alle Codes einzusetzen und auch das letzte Zeichen wegzulassen und es funktioniert trotzdem nicht... Ich habe keine Ahnung was ich falsch mache!
AntwortenLöschenBitte schaut mal vorbei!
LG Sophia
Hey, das mit dem Header hat super geklappt ;)
AntwortenLöschenAber kann ich das auch für die Bilder und Texte an den Seiten machen?
danke!!!:)♥♥♥
AntwortenLöschenKnnast du mir vielleicht erklären wie ich mein Dashbord auf die alten Vorlagen umstelle, ich hätte gerne das Minima - Layout bzw. die Vorlage aber alle die das in Foren erklären haben die ältere Version, wie kriege ich die auch??
AntwortenLöschenBei mir geht es nicht. Nicht mal der 2. Versuch mit dem anderen >.< brauche deine Hilfe T^T
AntwortenLöschenHey, mein Header ist zu groß. Finde ich da im HTML-Text eine Stelle, wo ich die Größe verändern kann?
AntwortenLöschenDanke! Diese Seite ist wirklich so toll, weiter so!
AntwortenLöschenHat sofort geklappt, vielen Dank! lg Lena
AntwortenLöschenich hab zwar den header zentriert, aber wie bekomme ich ihn jetzt wieder nach links??? bitte helft mir :(
AntwortenLöschenDAAAAANNNKKKEEEEE!!! :D
AntwortenLöschenHey! Und wie bestätigt man das ganze?
AntwortenLöschenAuf "Auf Blog anwenden" klicken? Bei mir funktioniert das leider nicht :(
Schonmal danke für die Hilfe!
Hab's gerade hingekriegt, also hat sich erledigt ;)
LöschenSuper ,danke schön! :) Ich wollte schon immer wissen, wie das geht!
AntwortenLöschenLG !
super =) 1000 Dank!!!
AntwortenLöschenHat sofort geklappt. Vielen Dank. :)
AntwortenLöschenoh DANKE daran hab ich schon so lange getüftelt!
AntwortenLöschendanke danke danke !!!
das bild bekomme ich zentriert, aber wie zentriere ich den blogtitel mit dem vorlagendesigner? mit dem html editor krieg ichs nicht hin.
AntwortenLöschenliebe grüße und danke schonmal!
email: shewantstobe@live.de
Könnt ihr mir auch sagen, wie ich das wieder rückgängig machen kann? :-)
AntwortenLöschenLG, Sophia :-)
www.lifeiswoonderfull.blogspot.de
Danke, habe ich gleich angewendet:
AntwortenLöschenhttp://tildaaddict.blogspot.de/
Mein Header ist ein Text und es hat mit diesem Code geklappt:
AntwortenLöschen.Header {
text-align: center;
}
Danke für die tolle Seite!
Vica von 1690mm.blogspot.de
Dieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenIch weiß nicht wie das passieren konnte, aber mein vorher schon mittiger Header hat sich irgendwie wieder von selber nach links gerückt ... :-c Jetzt geht es auch nicht mehr, wenn ich den Link neu einfüge.
AntwortenLöschenHmm....
Bei mir funktioniert das leider nicht :(
AntwortenLöschenIch habe das letze zeichen vom 2.Header CSS weg gelassen und schupp di wupp hats geklappt. :) Supii (:
LöschenJetzt habe ich aber noch eine frage wie kriege ich mein Header lang, weil meiner ist Viereckig und ich würde es sehr gerne längslich haben ? :)
http://prioritaetenp.blogspot.de/
Dankedankedanke!
AntwortenLöschenEs hat funktioniert, als ich die letzte Klammer von Deinem ersten Tipp weggelassen habe (war irgendwie aus Versehen...Hab ja keinen Plan von CSS und sowas).
Funktioniert das auch, wenn man nur Schrift hat oder muss man ein richtiges Bild als Header haben?
AntwortenLöschenSuper! ewig geschaut wo mans einstellen kann! vielen Dank.
AntwortenLöschenHallo!
AntwortenLöschen1) Wie bekomme ich den Header bündig? Bei mir ist ein weißer Rand links und rechts, sowohl oben zu sehen(hier mein Blog: kailistyle.blogspot.com). Ich möchte, dass mein Header genau so aussieht wie auf copypastelove.de
2) Außerdem finde ich im Netz keine Einleitung darüber, wie ich meine Menüpunkte rechts in den Header einbauen kann (wie auch auf copypastelove.de)
Vielen Dank!
Kaili
Danke, ihr seit wirklich toll!! :) Bei mir hat der Code ein bisschen anderes geklappt.
AntwortenLöschen#header-inner img {
margin: 0 auto;
Vielen Danke
http://chest-nut.blogspot.de/
AntwortenLöschenhat jemand einen tipp für mich wie ich meinen header verbessern kann ? also in dem sinne, dass er entweder auch mittiger geht ( bei mir hat das hier leider irgendwie nicht geklappt) oder wie man ihn über die ganze fläche zieht sozusagen.. bin dankbar für jeden tipp :)
Danke schön es hat mir weitergeholfen!
AntwortenLöschenSuper, hat geklappt. Danke.
AntwortenLöschenIhr seid wundervoll! Ich habe schon so vieles bei euch gelernt und viele eurer Tipps und Anleitung umgesetzt! Hier ist alles super leicht erklärt und selbst HTML-Anfänger einfach anzuwenden. Weiter so!
AntwortenLöschenLG
Ela
bei mir funktioniert das nicht! :(
AntwortenLöschenBei mir klappt es nicht.........weiß nicht warum,Schade aber.
AntwortenLöschenBei mir klappt es nicht.........weiß nicht warum,Schade aber.
AntwortenLöschenVielen Dank! Endlich ist mein Header mittig ausgerichtet :)
AntwortenLöschenLiebe Grüße
Isabel
Vielen Dank für den Code. Somit hatte ich keine Probleme das Headerbild zu zentrieren.
AntwortenLöschenNach wie vor aktuell und funktioniert. Vielen Dank!
AntwortenLöschenVielen Vielen Dank, seit einem Jahr versuche ich das schon und habe auch einige Videos dazu geschaut. Nun hat es endlich geklapt und ich danke dir sehr :D
AntwortenLöschenhttp://russkajas.blogspot.de/
Dieser Kommentar wurde vom Autor entfernt.
AntwortenLöschenDieser Kommentar wurde vom Autor entfernt.
LöschenBei mir hat es sofort funktioniert, super!!! <333333
AntwortenLöschenVielen, vielen Dank!! Ich war schon am verzweifeln:D
AntwortenLöschenTAUSEND DANK :D Nach einen halben Jahr kam ich mal auf die Idee es zu googlen und innerhalb von 10 Sek. habe ich ihn nun endlich mittig!
AntwortenLöschenLiebe Grüße
Anita
http://theapplepig.blogspot.de
Bin gerade dabei, meinen Blog einzurichten.
AntwortenLöschenVielen lieben Dank für die vielen nützlichen Tipps!
Als Laie ist man sonst tatsächlich etwas aufgeschmissen...
mein-wohngefuehl.blogspot.com
Hat auf meinem Blog direkt funktioniert! Vielen besten Dank ♥
AntwortenLöschenLiebe Grüße, Caro
www.carofee.blogspot.de
Hat sofort funktioniert!
AntwortenLöschenVielen lieben Dank!!!!
Mann! was habe ich gesucht... endlich bin ich fuendig geworden! Vielen Dank fuer deinen so hilfreichen Post.
AntwortenLöschenGruesse,
Ania von Kaktus & Perronegro
Wenn alles NICHT funktioniert, bitte in den HTML-Modus gehen, nicht in den Vorlagendesigner!
AntwortenLöschenDann bitte über das Kürzel STRG+F (Such-Modus) folgendes eingeben:
/* Header
Unter diesen setzt ihr direkt:
#Header1_headerimg {
margin: auto;
}
Anschauen, speichern, fertig. Das hat bei mir funktioniert.
LG,
Lily
Bzw. nach dem /* Header kommt noch eine Zeile mit -------------
LöschenUnter diese ------- dann den Code einsetzen.
Hallo :)
AntwortenLöschenLange habe ich rumprobiert ... nun hat es endlich geklappt mit dem mittigen Header!
Viiiiiiielen Dank :)
Viele liebe Grüße
Nina
Ich habe offenbar ein unlösbares Problem:
AntwortenLöschenIch möchte nicht nur den Header, sondern den gesamten Blog zentrieren:
Auf dem Computer zentriert sich www.chefwitze.de,
aber nicht die mobile Version
www.chefwitze.de/?m=1
Auf dem Smartphone fällt das nicht auf, aber auf einem Tablet. Hier erscheint der Blog linksbündig, was doof aussieht. Und ich habe nach langem Googeln hierfür keine Lösung gefunden... ;-(
Ich hab so lange daran herumprobiert aber leider hat es nicht geklappt. Doch dann komme ich auf deine Anleitung und gefühlt eine Minute später hat es auch geklappt und ich bin verliebt.
AntwortenLöschenVielen Dank dafür!
LG Chrissi
http://chrissella.blogspot.de/
Super..vielen Dank! Hat super funktioniert!
AntwortenLöschenHerzensgrüassli
Yvonne