Header entfernt - die Wiederherstellung ♥


So, nach langer Zeit habe ich den Header entfernen-Tutorial geupdatet, aber einige haben ja noch immer das Problem mit dem Wiederherstellen des Headers. Wer also nach dem altem Prinzip seinen Header entfernt hat, kriegt sie so wieder:


1. Öffnet den HTML-Editor unter "Vorlage".

2. Sucht nach folgender Zeile:

<div id='header-wrapper'>

und fügt zwischen den <b:section ...> und </b:section> folgendes ein:

        <b:widget id='Header1' locked='false' title='Copy Paste Love (Header)' type='Header'>
          <b:includable id='main'>
  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
          <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
          <b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
        </b:widget>

Und so sollte es dann aussehen (der markierte Teil ist der Code von oben - nur komprimiert)


3. Jetzt könnt ihr speichern. Oder die Vorschau anschauen und dann speichern. Beides klappt ganz gut ;)

11 Kommentare

  1. Echt gutes Tutorial Mira!! Super :))

    AntwortenLöschen
  2. Eine Alternative dazu wäre das Gadget "Seitenkopfzeile". Befindet sich idR auf Seite 2 der Gadget-Auswahl und steht im Normalfall zur Auswahl bereit wenn der Header gelöscht wurde :)

    AntwortenLöschen
    Antworten
    1. Danke, diese Methode geht viel einfacher ;)

      Löschen
  3. Ich weiß nicht ob du mir helfen kannst, aber ich habe vorhin meine Handynummer beim Einloggen bestätigt und seitdem ist mein Blog nicht mehr in meinem Dashboard. Zwar wird er im Internet noch angezeigt aber ich habe keinen Zugriff mehr. Es ist als hätte ich ein komplett neues Dashboard und ich folge auch keinen Blogs mehr.. Was mache ich jetzt? :)

    AntwortenLöschen
    Antworten
    1. und ich habe mir auch scheinbar ein neues Bloggerprofil erstellt da mein Profilbild auch weg ist..

      Löschen
    2. Aber du loggst dich noch immer mit dem gleichen Account ein? Wie lautet dein Bloglink und deine Mailadresse, womit du dich immer eingeloggt hast?

      Du kannst mir auch gerne schreiben:

      mira@cplove.de

      Löschen
  4. Danke!! Du hast mir mit diesem Tutorial die Angst genommen, dass ich später meinen Header nicht mehr zurück bekomme :) Dieses Tutorial merk ich mir auf jeden Fall, ich werds 100 % noch brauchen :)

    Liebste Grüße,
    Natalie von Paperwings-blabla

    AntwortenLöschen
  5. Hilfe! Ich finde <div id='header-inner' nicht mehr!
    Kann es sein, dass ich das gelöscht habe, als ich meinen Header gelöscht habe???
    LG
    Hanna

    AntwortenLöschen
  6. ich meine <div id='header-wrapper'

    AntwortenLöschen
    Antworten
    1. ich habe es einfach hinzugefügt. schaut mal auf das bild das mira gemacht hat vom ergebnis und dazwischen das einfach hinzufügen. hat bei mir geklappt :)

      Löschen

Danke für dein Kommentar! Bitte beachte, dass Beleidigungen & Spam ohne Vorwarnung gelöscht werden. Bitte hab Verständnis dafür, dass wir nicht alle Kommentare beantworten können!

Falls ein Tutorial nicht funktioniert hat, dann schreibe bitte in deinem Kommentar genau, was nicht funktioniert & deinen Bloglink. So kann dir besser geholfen werden!

Du möchtest dich direkt an Mira wenden, um ein Problem zu lösen oder ein Design erstellen zu lassen? Dann schaue doch hier vorbei und melde dich!

 
Lass dir dein Blogdesign von mir gestalten!