Tipps & Tutorials, tutorial

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 Comments

  1. Fentry

    18. April 2013 at 20:01

    Echt gutes Tutorial Mira!! Super :))

  2. Anonym

    18. April 2013 at 22:42

    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 🙂

    1. young soul

      17. July 2014 at 9:34

      Danke, diese Methode geht viel einfacher 😉

  3. Lisa

    19. April 2013 at 12:29

    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? 🙂

    1. Lisa

      19. April 2013 at 12:32

      und ich habe mir auch scheinbar ein neues Bloggerprofil erstellt da mein Profilbild auch weg ist..

    2. Mira Ho

      19. April 2013 at 12:39

      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

  4. nata

    19. April 2013 at 16:20

    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

  5. Hanna

    20. April 2013 at 18:25

    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

  6. Hanna

    20. April 2013 at 18:26

    ich meine <div id='header-wrapper'

    1. Blaubarschmaedl

      25. April 2013 at 17:50

      ich finde es auch nicht 😀

    2. P.

      18. June 2013 at 10:58

      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 🙂

Leave a Reply