Ubah Letak Tanggal Posting Jadi Di Bawah Judul Posting

Seperti yang kita ketahui bersama jika 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 bagus bukan? Bukan hanya pemilik dan pengunjung saja yang senang dengan rutinnya update sebuah blog, melainkan search engine pun akan ikut senang sehingga mampu 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 intinya 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 membuat 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..

Pertama kita harus masuk dulu ke akun blogger kita masing-masing.
Klik fitur rancangan.
Klik edit HTML.
Klik expand template widget.
Cari kode 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 kode 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 kode I tepat di bawah kode II. Tampilannya akan menjadi seperti 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 melakukan 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 kode HTML yang kita cari.

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

Mungkin dalam beberapa kasus tiap blog memiliki kode HTML template yang berbeda. Karena itu, teliti lah dalam melakukan editing. Jika tidak ada kode HTML yang sesuai, cari lah yang sekiranya mirip dan memiliki 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!

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Tool Gadget. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Tool Gadget dengan mengklik tombol di bawah ini:

Artikel keren lainnya:

Ditulis oleh Blog Ryan pada tanggal Sunday, 15 May 2011