Ubah Letak Tanggal Posting Jadi Di Bawah Judul Posting

Seperti yang kita ketahui bersama kalau tanggal posting sebuah blog cukup penting ditampilkan guna mengetahui seberapa rutinkah blog tersebut diupdate oleh pemiliknya. Semakin sering dan konsisten update, maka blog akan semakin cantik bukan? Bukan hanya pemilik dan pengunjung saja yang bahagia dengan rutinnya update sebuah blog, melainkan search engine pun akan ikut bahagia sehingga bisa mempengaruhi kualitas SEO blog kita.

 

Pada kesempatan ini kita akan membahas bagaimana caranya menampilkan tanggal postingan yang semula berada di atas judul blog, kini menjadi di bawah judul blog. pada pada dasarnya ini hanya bersifat variatif, sebagai kreasi kita semata dan setiap blogger tidak harus menampilkan hal yang demikian. Dengan tanggal yang tampil di bawah judul postingan akan menciptakan pembaca lebih fokus pada judul dan bacaan secara keseluruhan.

Ingin tahu bagaimana cara merubah tampilan tanggal posting menjadi di bawah judul postingan blog? yuk kita bahas bersama-sama.. fitur rancangan.
Klik edit HTML.
Klik expand template widget.
Cari arahan HTML di bawah ini (kode I).

<b:if cond='data:post.dateHeader'><h2  class='date-header'><data:post.dateHeader/></h2></b:if>

Kemudian cari juga arahan HTML di bawah ini (kode II).

<b:if cond='data:post.title'><h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a><b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a><b:else/>
<data:post.title/></b:if></b:if></h3></b:if>

Lalu, pindahkan arahan I sempurna di bawah arahan II. Tampilannya akan menjadi menyerupai berikut ini.

<b:if cond='data:post.title'><h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a><b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a><b:else/>
<data:post.title/></b:if></b:if></h3></b:if>

<b:if cond='data:post.dateHeader'><h2  class='date-header'><data:post.dateHeader/></h2></b:if>

Klik simpan dan selesai.

Keterangan:

• Sebelum melaksanakan editing, simpan dahulu file template blog kita dengan mendownloadnya.
• Gunakan kotak pencarian dengan cara klik Ctrl + F pada keyboard untuk lebih memudahkan kita dalam menemukan arahan HTML yang kita cari.

Nah, kini tampilan tanggalan posting yang semula berada di atas judul postingan kini sudah berpindah ke bawahnya. Praktis bukan?

Mungkin dalam beberapa perkara tiap blog mempunyai arahan HTML template yang berbeda. Karena itu, teliti lah dalam melaksanakan editing. Jika tidak ada arahan HTML yang sesuai, cari lah yang sekiranya menyerupai dan mempunyai fungsi yang sama.

Ada tanggapan? Ada pertanyaan?
Yup, kalau ada yang ingin disampaikan apapun itu silakan dituliskan lewat kotak komentar di bawah ini ya kawan..
Salam blogger!

Share this post