Cara Ubah Posisi Judul Postingan Jadi di Tengah Template Linkmagz

Posisi judul sebuah postingan di template Linkmagz buatan Mas Sugeng defaultnya ialah rata kiri, namun menurutnya saya pribadi judul postingan lebih rapi jika rata tengah (center) karena lebih seimbang antar space kiri maupun kanan.

Sebenarnya, posisi judul rata tengah juga digunakan pada website besar seperti Grid.id. Nah bagi kalian yang sekarang sedang menggunakan template Linkmagz, bisa juga untuk meniru posisi judul mereka.

Cara Merubah Semua Posisi Judul Postingan Linkmagz

Loh kok semua min? Iya, jadi disini admin akan memberika cara untuk merubah posisi judul di homepage seperti thumbnail postingan ini, serta judul di dalam artikel dan judul di bagian releated post. Untuk caranya bisa kalian ikuti langkah-langkah ini.

1. Ubah Posisi Judul Homepage

• Buka dashboard blogger
• Pilih tema
• Edit HTML

• Cari kode script berikut post-title entry-title gunakan CTRL+F untuk mempermudah

• Tambahkan <center> sebelum <h2> dan </center> setelah <h2>, nanti script menjadi seperti ini

Sebelum

<h2 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h2>

Sesudah

<center><h2 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h2></center>

• Save dan lihat hasilnya apakah judul di homepage sudah berada di tengah atau belum.
  

2. Ubah Posisi Judul Dalam Artikel

• Buka dashboard blogger
• Pilih tema
• Edit HTML

• Cari kode script berikut post-title entry-title gunakan CTRL+F untuk mempermudah

• Tambahkan <center> sebelum <h1> dan </center> setelah </h1>, nanti script menjadi seperti ini

Sebelum

<h1 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>

Sesudah

<center><h1 class='post-title entry-title'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1></center>

• Save dan lihat hasilnya apakah judul di dalam artikel sudah berada di tengah atau belum.
  

3. Ubah Posisi Judul Releated Post

• Buka dashboard blogger
• Pilih tema
• Edit HTML

• Cari kode script berikut div.related-title-outer gunakan CTRL+F untuk mempermudah

• Tambahkan kode ;text-align:center setelah ;color:inherit, nanti script menjadi seperti ini

Sebelum

div.related-title-outer{font-weight:bold;padding:10px 0 15px;display:block;color:inherit}

Sesudah

div.related-title-outer{font-weight:bold;padding:10px 0 15px;display:block;color:inherit;text-align:center}

• Save dan lihat hasilnya apakah judul di related post sudah berada di tengah atau belum.
  

Nah, seperti itulah cara saya merubah judul postingan di template Linkmagz yang sebelumnya rata kiri jadi rata tengah, semoga tutorial yang saya berikan bisa bermanfaat buat kalian semua. Jangan lupa share juga ke media sosial kalian agar lebih banyak orang yang tahu tutorial Cara Ubah Posisi Judul Postingan Jadi di Tengah Template Linkmagz ini.