Cara Mengganti Judul Blog di Header Menjadi Judul Posting

Daftar Isi [Lihat]

Cara Mengganti Judul Blog di Header Menjadi Judul Posting - halo sobat blogger.. cara mengganti judul blog di header menjadi judul posting ini digunakan bila sobat memang tidak terlalu mementingkan nama blog dan hanya mementingkan judul postingan.

Karena yang tampil bagian atas (header) adalah judul postingan dan bukan nama blog.

Cara Mengganti Judul Blog di Header Menjadi Judul Posting

Oke sobat blogger, langsung saja untuk meng eksekusinya..
- Login ke dashboard blogger untuk mengedit tema.
- Cari kode

  <b:include name='title'/>

Disitu biasanya terdapat 3 hasil pencarian.
Replace pada pencarian yang ketiga.
Bila masih belum work, coba yang lainnya.
Kemudian select / block dan replace kode <b:include name='title'/> dengan kode berikut:

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

Cara mengganti judul blog di header menjadi judul posting

Baca Juga

Cara menyembunyikan judul blog di header

Atau mungkin sobat blogger di skrip temanya menggunakan kode seperti ini:

<h1 class='title'>
          <b:include name='title'/>
</h1>

Maka replace dengan kode ini:

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

Kemudian klik simpan..
Dan hasil yang nampak adalah judul blog yang ada di header telah berubah manjadi judul postingan.

Disini judul postingan menjadi 2, satu di header dan satu di atas artikel.
Untuk menghilangkan judul postingan diatas artikel, kita sembunyikan saja.
Cari kode seperti ini:

<h1 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>

Lalu Tambahkan CSS display:none

Baca Juga

Menyisipkan kata / kalimat di meta diskripsi blogspot

Sehingga menjadi seperti ini:

<h1 class='post-title entry-title' itemprop='name' style='display:none'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>

Semoga Cara mengganti judul blog di header menjadi judul posting ini bermanfaat selalu..

Cara mengganti judul blog di header menjadi judul posting

cara mengganti header blog, cara membuat header blog, mengganti judul blog dengan gambar, ganti header blog dengan gambar, cara menambahkan header di blog, cara membuat logo di header blog, cara merubah ukuran header blog, teks blogger

Related Posts