Tipps & Tutorials, tutorial

Header entfernen

Der Header ist das Aushängeschild. Es zeigt, auf was für einen Blog man geraten ist. Wozu sollte man diesen denn löschen?
Ein Grund wäre, wenn man eine fixierte Sidebar hat, dann kann der Header stören. So hat man mehr Platz für die Sidebar, die nicht größer sein darf als die Bildschirmhöhe.

Da die alte Version nicht so gut für diejenigen war, die ihren Header doch wieder haben wollten, kommt nun die überholte Version.
Schritt 1
Geht auf euren Blog-Dashboard, dann auf Vorlage und öffnet euren HTML. Klickt auf den ersten Pfeil bei <b:skin>…</b:skin> um den CSS zu öffnen.
Schritt 2
Sucht im Code mit Strg+F nach:
#header oder #header-inner
(Variiert, je nachdem, was für ein Design ihr benutzt)
und fügt folgendes darunter ein:
display:none;
Und so sollte es in eurem Editor ungefähr aussehen:

Schritt 3
Speichern. Um es rückgängig zu machen, löscht ihr einfach die Zeile wieder, die ihr eingefügt habt.

67 Comments

  1. Lea

    27. August 2011 at 18:32

    super gut (:
    ich hab als alternative einfach ein schmales weißes 'bild' hochgeladen;)

  2. mira

    27. August 2011 at 18:34

    @lea: das ist gut! Not macht erfinderisch, an dir sollte sich jeder ein Beispiel nehmen 😉

  3. Nika

    27. August 2011 at 19:07

    ich hab mir einfach ein transparentes, 1 pixel großes Bild genommen und das als Header eingestellt. 😀

  4. ρaulina ♥

    27. August 2011 at 19:39

    Gut, dann werde ich auch noch kurz erklären, wie ich den Header entfernt habe, :p Ich habe einfach "display: none;" eingefügt. Und schon ist er verschwunden. 🙂

    1. Svea Madita

      1. October 2012 at 13:45

      hey 🙂
      magst du mir sagen an welcher stelle du das eingefügt hast ?

      Lg Svea

    2. Anonym

      3. February 2013 at 17:13

      Wenn du magst, erkläre ich es dir. Ich habe es auch so gemacht.

    3. Anonym

      3. February 2013 at 17:14

      Kannst mich ja auf meinem Blog anschreiben. Ich glaube, diesen Kommentar schaue ich sonst nicht mehr an.

  5. Franziska

    27. August 2011 at 19:40

    Ich mach es mir immer einfacher: Ich suche im HTML 'Header' o.ä & wo eine { klammer ist, setzte ich immer display:none; hin. & dann klappts auch! (:

  6. Sabine

    28. August 2011 at 19:03

    Es geht nichts ohne meinen Header. Den kann man auch anpassen.
    LG Sabine

  7. Kim Barbie

    28. August 2011 at 20:56

    Das ist ja super, ich hab immer Probleme mit meinem Header, auf die Idee ihn einfach abzuschaffen bin ich aber noch nicht gekommen, das muss ich mir aber mal genauer überlegen.
    xx

  8. Veraa'Bomm'ily

    29. August 2011 at 18:22

    Toller Blog *_*

    Schau doch mal auf mein Blog vorbei;)
    Wäre cool wenn du leser wirst:*

    http://verenawhatelse.blogspot.com <3

  9. Luli

    30. August 2011 at 18:20

    WICHTIGE FRAAGE!
    Wie bekomme ich den Header wieder?

    1. Anonym

      24. January 2012 at 15:06

      würde ich auch gerne wissen !

    2. Mira Ho

      18. April 2013 at 19:00

      Ladet eure Vorlage nochmal hoch 😉

  10. mira

    30. August 2011 at 18:23

    @Luli: die Vorlage, die du am Anfang runtergeladen hast, wieder hochladen 😉

  11. Lea

    31. August 2011 at 18:48

    @mira: haha danke (:

  12. Kati

    2. September 2011 at 7:30

    es hat geklappt aber kann man ihn auch irgendwie wieder erstellen? 🙁 also wieder hinzufügen?

    lg kati

  13. Kati

    2. September 2011 at 7:35

    ps: habe den heruntergeladenen htmlcode ausversehn gelöscht. o.O möchte jetzt meinen blog namen ändern. kann ich ihn jetzt überhaupt noch ändern?

  14. FrlCosmos

    2. September 2011 at 19:26

    Hey, hat eigentlich super geklappt, aber jetzt ist mein Header auf einmal in der Sidebar o.Ò

  15. svenjarr

    2. September 2011 at 22:13

    hat super funktioniert!
    was würde ich nur ohne 'copy.paste.love' machen? 😀
    Lg

  16. Laura ♥

    5. September 2011 at 14:10

    hallo 🙂
    ich habe mir gerade eine neues blog gemacht 😀 wie mache ich das denn mit dem Header ?

  17. C

    5. September 2011 at 15:57

    auf mich trifft das zweite zu, doch danach steht noch folgendes da:

    sowohl wenn ich das mitlösch als auch wenn ich es stehen lasse, sagt mir blogger, dass die vorlage nicht gespeichert werden konnte (aber es ist dennoch gelöscht?)

  18. Wiebke

    7. September 2011 at 13:27

    Ich habe die Vorlage vergessen zu sichern -.- Wie bekomme ich jetzt meinen Header wieder? :/

  19. Anonym

    5. October 2011 at 20:24

    bei mir hat der html text oben, nicht so aufgehört wie bei eurem beispiel und dann ist immer ne Fehlermeldung gekommen. lg 🙂

  20. Michelle C:

    7. October 2011 at 21:01

    Hey C:
    Ich wollte nur mal fragen , wie man diese Sidebars (siehe 1.Bils) machen kann 🙂
    Danke !

    Michelle♥

  21. Lisa

    8. October 2011 at 19:21

    ich will mein Header wiederhaben , aber meine alte Festplatte ist kaputt gegangen , und jetzt ist meine Vorlage weg:(
    Wie bekomme ich ihn wieder?

  22. ulrike

    12. November 2011 at 16:30

    ich habe meinen header vor einiger zeit entfernt und möchte ihn jezt aber wieder einfügen.
    wo muss der html-link hin?

  23. selina

    20. November 2011 at 16:29

    ich will meinen Header wieder!! wo muss ich den html-link einfügen ???

  24. mira

    20. November 2011 at 16:31

    Ladet die Vorlage, die am Anfang runtergeladet habt, wieder hoch, wenn ihr den Header zurück haben wollt, steht auch im TUT.

  25. Anonym

    30. November 2011 at 15:57

    Wie hat die von dem Beispiel es denn hingekriegt, ihre Sidebar mit Blümchen zu umrahmen? x:

  26. mira

    30. November 2011 at 17:48

    Sophia: Die aus dem Beispiel bin ich und das ist ein Hintergrundbild, das ich eingefügt habe.

  27. Anonym

    30. November 2011 at 21:30

    oh, tut mir leid, jetzt seh' ich's auch. 😀 Ich war von den Blümchen drum herum einach zu beeindruckt. Ich werd's mal probieren. irgendwie. 😀 Aber trotzdem danke. (:

  28. cerises

    3. December 2011 at 20:49

    hey ich hab eine wichtige frage: wie bekomme ich meinen header zurück? 🙂

  29. sara dele

    4. December 2011 at 17:22

    Bei mir kommt andauernd eine Fehlermeldung, egal was ich auch mache, dass kommt immer wieder :/

  30. selina

    6. December 2011 at 17:41

    ich habe den teil was wir löschen müssen gespeichert .. ich weiß nicht mehr wo ich das einfügen muss ??

  31. I'm free

    11. December 2011 at 18:16

    ich hab eine problem.. meine festplatte wurde gelöscht oder keine ahnung was damit passiert ist.. auf jeden fall ist jetzt die vorlage weg die ich vorher gespeichert hatte.. wie krieg ich jetzt meinen header wieder??
    bitte antworte!

  32. Lea

    15. February 2012 at 0:59

    und wie kriege ich den Header wieder ?

  33. Flora

    19. February 2012 at 19:29

    Ich möchte meinen Header auch wiederhaben. Vor kurzem wurde auch meine Festplatte gelöscht, deshalb kann ich die Vorlage nicht wieder hochladen!

  34. Vanessa

    22. February 2012 at 17:03

    Kann man das auch wieder rückgängig machen?

    1. Zarah Ester

      11. April 2012 at 11:59

      ändere einfach deine vorlage bei dem vorlagedesigner und da wird alles auf anfang gestellt 🙂

      zarahester.blogspot.com

  35. Nadja

    11. March 2012 at 18:35

    und was ist wenn ich die vorlage nicht gespeichert habe???

    1. Modemädchen

      20. March 2012 at 21:36

      so gehts mir auch, ich habe ausversehen den Header gelöscht :(( ich will meinen Header wieder haben!

  36. Anonym

    26. March 2012 at 8:22

    ich möchte mir einen bild als header machen aber da steht immer, dass der speicherplatz voll ist obwohl mein blog komplett leer ist & ich das bild schon kleiner gemacht habe, als vorgegeben.
    kannst du mir helfen 😀 ?
    lg

  37. Charlotte

    13. May 2012 at 7:06

    Ich hatte die vorlage auch ausversehen gelöscht, aber ihr könnt einfach im Layoutfenster das Gadget 'Seitenkopfzeile' wieder hinzufügen, das ist der Header 🙂

  38. Lisa Michelle Füzy

    26. May 2012 at 9:26

    & wisst ihr vielleicht wie man das auf der im Moment neuesten Oberfläche macht? :/

  39. sommerregen

    26. May 2012 at 22:51

    auf dem beispiel foto gefällt mir das design sehr! ich habe schon alle vorlagen ausprobiert aber ich finde sie nicht 🙁 könnt ihr mir sagen welche vorlage dort verwendet wurde?

  40. »Marie«

    27. May 2012 at 11:44

    Ich brauche unbedingt Hilfe, Ich möchte meinen Header wieder und finde die herunter geladene Vorlage nicht, da sich einmal all meine Daten gelöscht haben. Und ich wollte jetzt wieder einen Header, ich habe schon bei Formspring gefragt, aber bislang noch keine Antwort bekommen. Ich würde mich um eine Schnelle Antwort Freuen:

    http://absence-of-shadow-art.blogspot.de/

    1. Pauline

      15. August 2012 at 21:40

      das Problem habe ich auch. bitte helft mir 🙂

      http://pauline-worthless.blogspot.de/

    2. Carolyn

      24. November 2012 at 11:48

      ich habe das problem auch, könnt ihr ein tutorial machen in dem erklärt wird wie man seinen header wieder bekommt?

    3. Isabel

      29. December 2012 at 22:07

      ja ich habe das selbe problem da ich dachte "ach den header brauch ich nicht mehr" und ich war total unüberlegt und nun ist mein header weg, bitte helft uns !! :((

      vielleicht kann man den code kopieren und genau da wieder einsetzten ?

      bitte es ist mir sehr wichtig dass ich wieder einen header habe..
      ach man es war total unüberlegt von mir…

    4. Isabel

      31. December 2012 at 0:37

      ich weiß dass du unten schreibst dass du nicht jeden einzelnen kommentar beantwortest, aber das hier ist ja das problem von mehreren leuten.. :/

    5. elisa.

      18. April 2013 at 19:06

      Ich brauch auch Hilfe :/

      Bitte ich wäre sehr dankbar ..

  41. Mona

    28. September 2012 at 19:07

    wenn ich als header ein ganz kleines weißes bild einfüge, habe ich eine riesengroße weiße fläche, sodass man den blog und seine posts nich mal erkennt 😀
    jetzt musste ich den header wieder einfügen..;/

  42. Teresa

    7. October 2012 at 12:26

    ich kann das irgendwie nicht kopieren woran liegt das?

  43. Charlene,-

    21. October 2012 at 13:38

    Ich LIEBE diesen Blog. Ich hab ewig gesucht & als ich diesen Blog hier fand, konnte ich endlich meine Sidebar fixieren, und das soo einfach *-* Und jetzt bin ich auch meinen Header los. Danke, danke!

  44. Elly

    2. November 2012 at 17:09

    wie geht das auf der neuen Vorlage? bei mir funktioniert nämlich garnichts:(

    1. Anonymus

      8. December 2012 at 12:13

      geht mir genauso.. :'(

  45. Eva Kathie

    29. December 2012 at 14:07

    Also bei mir funktioniert das auch garnicht, ich finde nicht mal den Anfang im HTML..

  46. Isabel

    29. December 2012 at 15:08

    ich dachte mir dass ich den header aufkeinenfallmehr will und habe unüberlegt die vorlage nicht runtergeladen und ich bereue es total !! bitte helft mir, kann ich den header wieder herstellen ?

    bitte schickt mir den oberen code (weil das kann man nicht kopieren) und sagt mir wo man es wieder einfügen muss BITTE !

    ach man ich bin so doof 🙁

  47. Anira Blup

    30. December 2012 at 9:40

    Funktioniert leider nicht. der teil ist bei mir ähnlich wie die 2. Version, aber am ende ist kein "</b:section" ://

  48. Ivi

    6. January 2013 at 17:41

    halli hallo … ich hab es so hinbekommen mit dem header entfernten, hab aber allerdings vergessen, das design vorher zu speichern 🙁 wie bekomm ich meinen header denn jetzt wieder zurück?

    wäre toll, wenn sich jemand kurz bei mir melden könnte 🙂
    E-Mail: best_of_books@yahoo.de

    Danke schon mal für eure Hilfe 🙂

  49. Pauli

    8. March 2013 at 17:35

    Ging wirklich richtig schnell, Danke für das Tutorial 🙂

  50. Annelie Schulze

    13. May 2013 at 18:41

    Bei mir klappt es nicht!:( Ich hab irgendwie eine neuere version und da funktioniert das alles nicht x(
    Bitte helft mir :-O

  51. Anonym

    3. June 2013 at 17:50

    Hey 🙂
    Erstmal ich habe deinen Blog gerade entdeckt und finde es total toll, was du hier machst ! Eine Frage: was soll ich machen, wenn bei mir nach der Suche #header oder #header-inner nichts gefunden wird? 🙁 Gibt es eine Alternative? Danke an alle ! ♥

    1. Caroline

      13. June 2014 at 16:55

      Versuch es mal unter .Header h1
      Bei mir hat das so geklappt. 🙂

  52. KristinaGifeld

    22. June 2014 at 20:04

    Super leicht und schnell ! VIELEN DANK <3

Leave a Reply