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!

14 komentar:

  1. makasih yah infonya, segera melakukan editing.

    BalasHapus
  2. makasih yah infonya, segera melakukan editing.

    BalasHapus
  3. sama2 bro, senang bisa membantu. :)

    BalasHapus
  4. wah ga bisa kie saya coba ga bisa ga terpengaruh smua gimana nie gan mohon bantauannya

    BalasHapus

  5. saya coba yaa gannnn

    Kunjungi yaaa http://kmkosipil.blogspot.com/

    [Kehidupan Mahasiswa, Kisah Inspiratif, Musik Rohani, Jokes Mahasiswa, Artikel, Ebook Gratisan Teknik sipil, Bahan-Bahan Kuliah,Database dan Event KMKO Sipil Unhas Makassar]

    BalasHapus
  6. Okelah kalau begitu,ane cobe deh..semoga jadi dah....

    BalasHapus
  7. trims gan ,,my blog dotour.blogspot

    BalasHapus
  8. makasih bro, sdh dicoba. tp lom tahu hasilnya...

    BalasHapus
  9. Merubah label di posisi kanan publisher dan menambah icon font awesome dekat tulisan labelnya gimana om ?

    BalasHapus
  10. Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
    Jika ya, silahkan kunjungi website ini www.kumpulbagi.com untuk info selengkapnya.

    Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

    BalasHapus
  11. Thanks gan,
    http://mrifqihanif.blogspot.co.id/

    BalasHapus
  12. Perkenalkan, saya dari tim kumpulbagi. Saya ingin tau, apakah kiranya anda berencana untuk mengoleksi files menggunakan hosting yang baru?
    Jika ya, silahkan kunjungi website ini www.kbagi.com untuk info selengkapnya.

    Di sana anda bisa dengan bebas share dan mendowload foto-foto keluarga dan trip, music, video, filem dll dalam jumlah dan waktu yang tidak terbatas, setelah registrasi terlebih dahulu. Gratis :)

    BalasHapus
  13. Informasi yang sangat bagus dan berguna. Ditunggu untuk informasi berikutnya. Thanks gan

    Silahkan berkunjung di intanqq

    BalasHapus