Membuat Judul Postingan Menjadi Judul Header Blog

Sepertinya judul “Cantika Aja”  terasa sangat tidak populer, mending diganti dengan judul artikel postingan aja, itulah pokal hari ini, gak ada tujuan lain. Namun cara membuatnya perlu disimpan agar tidak lupa

Cara Membuat Judul Postingan Menjadi Judul Header Blog sebagai berikut

1.    Masuk ke akun blogger/Dasbor blog

2.    Klik menu Templete

3.    Klik tombol Edit HTML

4.    Tekan Ctrl - F

5.    Copy kode yang berwarna merah ke dalam kotak penelusuran lalu Enter (Cari kode <b:include name='title'/> ) - Biasanya akan ada 3 kode seperti ini, lakukan pada yang paling bawah.

6.    Ganti kode <b:include name='title'/> dengan kode warna biru di bawah ini

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:include name='title'/>
<b:else/>
<data:blog.pageName/>
</b:if>

7.    Klik Simpan Templete, dan lihat hasilnya apakah telah berubah Judul artikel postingan menjadi judul header blog

8.    Jika belum berhasil, kembalikan ke kode <b:include name='title'/> dan coba ulangi mengganti  kode <b:include name='title'/> yang lainnya dengan kode yang berwarna biru tsb diatas.

Sebelum dirubah

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

Sesudah dirubah

<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:if cond='data:blog.pageType != &quot;item&quot;'>

<b:include name='title'/>

<b:else/>

<data:blog.pageName/>

</b:if>

        </h1>