Membuat Judul Postingan Menjadi Judul Header Blog

Tuesday, October 16, 2018

Bagikan :

Tweet

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

Teknik Membuat Judul Postingan Menjadi Judul Header Blog sebagai diberikut

1.    Masuk ke akun blogger/Dasbor blog

2.    Klik hidangan Templete

3.    Klik tombol Edit HTML

4.    Tekan Ctrl - F

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

6.    Ganti kode <b:include name='title'/> dengan isyarat 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 kesudahannya apakah sudah berubah Judul artikel postingan menjadi judul header blog

8.    Jika belum berhasil, kembalikan ke isyarat <b:include name='title'/> dan coba ulangi mengganti  kode <b:include name='title'/> yang lainnya dengan isyarat 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>

Sumber: http://www.seowaps.com/

Tag : Disimpen Ben Ra Lali