Cara merubah judul blog menjadi judul postingan

Artikel tentang cara merubah judul blog menjadi judul postingan ini saya buat atas request seorang pengunjung blog dengan akun bernama Syah Rizal A.

Ia bertanya tentang penggunaan tag kondisional untuk merubah judul blog dihalaman posting ( Blogpost ) menjadi judul postingan beserta heading tag h1 di bagian Header Blog.

Pertanyaan tersebut bisa Anda lihat di artikel saya sebelumnya tentang tag kondisional untuk merubah tampilan halaman blog, atau berikut cuplikan dan screenshootnya.



Syah Rizal A   May 16, 2016, 10:24:00 AM
Bagus mas teguh artikelnya..tapi saya masih bingung sedikit mengenai tag kondisional ini. Muter- muter cari belum ketemu juga.yang Mau saya tanyain mas?

Kalo tag kondisional untuk title dan deskripsi blog di homepage dan di blogpost biar beda kayak di blog ini gimana ya? terima kasih, contohnya kayak di gambar ini :

Sekilas tentang letak Judul Blog dan Judul Postingan dihalaman blog di blogspot

Judul Blog yang dimaksud dalam pertanyaan tersebut adalah Judul dibagian Header, sedangkan untuk judul postingan terletak di bagian Blog post.

Judul blog pada template blog blogspot secara default akan digunakan dan ditampilkan di seluruh tipe halaman blog baik itu tipe halaman posting, halaman homepage / indeks, halaman error page, dan lain lain (untuk detailnya Anda dapat membaca di artikel ini :  Tipe halaman di blog blogspot yang perlu Anda ketahui ).

Screenshot request cara merubah judul blog menjadi judul postingan

Coba perhatikan Judul Blog dan Judul Postingan disetiap tipe halaman blog pada gambar ilustrasi dibawah berikut. Judul Blog yang tampil akan selalu sama di setiap tipe halaman blog jika menggunakan template default blogger.



Pada Artikel kali ini kita akan merubah Judul blog di halaman blogpost (halaman posting) menjadi judul postingan, berikut adalah ilustrasi gambar dari perubahan yang akan kita harapkan. Anda bisa lihat contohnya pada Judul di Blog dibagian header blog mengelolablog ini  karena tutorial kali ini juga sudah saya terapkan.

Cara merubah Judul Blog menjadi Judul Postingan di halaman BlogPost

1. Lakukan Back-up template sebelum mengedit ( Penting untuk dilakukan !! )
2. Masuk ke menu edit template pada dashboard blogspot Anda.
3. Gunakan kombinasi CTRL + F pada keyboard, lalu cari kode yang sama dengan kode dibawah berikut

<h1 class='title' . . . .  bla . . bla. . bla . .  >

<b:include name='title'/>

</h1>

4. Kode tersebut biasanya berjumlah 3 untuk template default Blogspot, terletak tepat dibawah kode <div class='titlewrapper' style='background: transparent'>. Ada kemungkinan kode <h1 class=title ini bisa berbeda jumlahnya jika template yang Anda gunakan bukan template default yang disediakan Blogspot.

5. Setelah Anda menemukan kode yang sama seperti diatas, hapus ketiga kode tersebut dan ganti satu persatu dengan kode di bawah berikut.

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<h1 class='title'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:include name='title'/>

<b:else/>

<data:blog.pageName/>

</b:if>

</h1>

<b:else/>

 <h1 class='title'>

 <b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:include name='title'/>

<b:else/>

<data:blog.pageName/>

</b:if>

</h1>

</b:if>

Perlu diperhatikan. . . .  saat Anda mengganti kodenya lakukanlah secara satu persatu untuk meminimalisir kesalahan yang bisa menyebabkan template menjadi error.

6. Jika sudah selesai, lakukan pratinjau untuk melihat apakah template bisa bekerja dengan normal.
7. Setelah hasil pratinjau oke, lalu klik SAVE dan lihat hasilnya.


Informasi tambahan :
1. Untuk membuat tulisan Judul Blog dan Judul Postingnya menjadi rata tengah, buka kembali editor template dan carilah kode CSS berikut
.Header h1 {
dst. . . .
dst. . . .
}
Kemudian sisipkan kode text-align: center; kedalam kode CSS .header h1 tadi, sehingga hasilnya menjadi

.Header h1 {

dst. . . .

dst. . . .

text-align: center;  

}

2. Untuk mengganti deskripsi blog supaya mengikuti meta deskripsi artikel / postingan blog Anda, silahkan cari kode berikut

<b:include name='description'/>

Kode ini terletak persis dibawah kode judul blog yang sudah diganti sebelumnya, jumlahnya pun juga sama yaitu ada 3.

3. Setelah ketemu, ganti satu persatu dengan kode dibawah ini

<div class='descriptionwrapper'>

<p class='description'><span>&quot; <data:blog.metaDescription/> &quot;</span></p>

</div>

Silahkan lakukan pengaturan yang diperlukan melalui kode CSS untuk header dan deskripsinya agar tampilannya bisa cocok dan sesuai dengan kondisi template blog Anda.


Kesimpulan
Perubahan yang dilakukan pada Judul blog di halaman postingan sehingga menjadi judul postingan akan berdampak pada SEO blog Anda juga. Meskipun banyak pula blogger-blogger lain yang memperdebatkan bahwa ini hal ini kurang berpengaruh, namun bagi saya pengaturan ini ternyata bisa berpengaruh pada kualitas SEO di blog ini.

Demikianlah Artikel cara merubah Judul Blog menjadi Judul Postingan ini saya sampaikan, selamat mencoba dan semoga berhasil.

Catatan : jika Anda memiliki pertanyaan, silahkan berkomentar di kolom komentar yang sudah disediakan.