Header Widget

Blogger Header widget default markup.

Here's the header widget data from my source code. There may be unnecessary classes and wrappers.

<b:defaultmarkups><b:defaultmarkup type="Header">

  <!-- main -->
  <b:includable id="main" var="this">
    <b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>
  </b:includable>
  <!---->
  <b:includable id="title">
    <h1>
      <data:title/>
    </h1>
  </b:includable>
  <!---->
  <b:includable id="description">
    <p>
      <data:this.description/>
    </p>
  </b:includable>
  <!---->
  <!---->
  <b:includable id="image">
    <div class="wgHeaderLogo d-flex justify-content-center gap-half flex-wrap">
      <a class="d-inline-flex MTIyNTg4MjQ" expr:href="data:blog.homepageUrl">
        <div class="d-flex gap-half flex-wrap justify-content-center">
          <b:include data="{
            image: data:image,
            altText: data:blog.title.escaped,
            originalWidth: data:width,
            originalHeight: data:height
          }" name="responsiveImage"/>
          <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
            <div class="d-flex flex-col justify-content-center">
              <b:include name="title"/>
              <b:include name="description"/>
            </div>
          </b:if>
        </div>
      </a>
    </div>
  </b:includable>
    
</b:defaultmarkup></b:defaultmarkups>