Menampilkan Keterangan Waktu Update Postingan Blogger

Menampilkan keterangan tanggal dan waktu update atau pembaruan artikel postingan di Blogger dengan metadata bawaan template blogger tanpa javascript.
Menampilkan Keterangan Tanggal dan Waktu Update atau Pembaruan Artikel Postingan di Blogger dengan Metadata Bawaan Template Blogger tanpa JavaScript.
custom lastupdated date blogger
Menampilkan keterangan waktu pembaruan atau update terakhir sebuah postingan di Blogger sendiri memiliki beberapa keuntungan; jika terdeteksi oleh mesin pencari, contoh Google, maka kesempatan artikel atau postingan tersebut menempati hasil pencarian teratas akan meningkat, karena Google sendiri memprioritaskan artikel yang diperbarui secara berkala. Sehingga tidak ada salahnya memberikan keterangan waktu pembaruan terakhir pada metadata postingan di antara Penulis dan waktu publikasi postingan tersebut.

Cara lama menampilkan keterangan waktu pembaruan di metadata Blogger dengan template adalah melalui Javascript, yang mana keterangan waktu tersebut berformat ISO8601 (Pola : YYYY-MM-DDThh:mm:ssTZD) dan memanfaatkan Javascript untuk mengubahnya menjadi format waktu standard (Pola : hh:mm - DD MMMM YYYY). Nah, kabar baik bagi pengguna template Blogger baru dengan keterangan Layout Versi 2 dan Widget Versi 3, karena pada template tersebut sudah disediakan syntax untuk memanggil dan memodifikasi format keterangan waktu tersebut sesuai keinginan.

Sebelum melangkah ke tahap pemasangannya, alangkah baiknya mengenal format penulisan waktu standard menurut ISO8601 yang Blogger pakai.

Penjelasan Singkat Tentang ISO8501

Mengutip dari Wikipedia [1], Standard ISO8601 adalah suatu standar internasional yang mengatur pertukaran data yang terkait dengan tanggal dan waktu. Sehingga risiko kesalahpahaman sewaktu dilakukan pertukaran data melintasi batas negara bisa dihilangkan serta untuk menghindari kebingungan dan galat atau kerugian lain yang mungkin ditimbulkan darinya.
Di bawah ini dijelaskan mengenai isi dari setiap istilah pemformatan yang ada di ISO8601.
YYYY-MM-DDThh:mm:ssTZD
  • YYYY: Menampilkan tahun
  • MM: Menampilan bulan
  • DD: Menampilkan hari
  • hh: Menampilkan jam (dalam format 24-jam)
  • mm: Menampilkan menit
  • ss: Menampilkan detik
  • TZD: Menampilkan keterangan selisih waktu dengan GMT

Format Penanggalan dengan ISO8601 di Blogger

Tanggal Publikasi Pertama

Syntax dasar untuk menampilkan tanggal publikasi dengan format standard ini adalah sebagai berikut:
<time expr:datetime="data:post.date.iso8601">
  <data:post.date/>
</time>
Syntax di atas memiliki keluaran sebagai berikut:
<time datetime="2020-05-30T20:48:00T+07:00">
  2020-05-30 20:48
</time>
Nah, untuk memodifikasi keluaran tersebut menjadi pola seperti 30/05/2020 atau sesuai keinginan, maka format standard tersebut diubah menjadi seperti ini:
<time expr:datetime="data:post.date.iso8601">
  <b:eval expr='format(data:post.date, "dd/MM/YYYY")'/>
</time>
Syntax di atas memiliki keluaran sebagai berikut:
<time datetime="2020-05-30T20:48:00T+07:00">
  30/05/2020
</time>

Tanggal Pembaruan / Update Terakhir

Sedangkan syntax untuk menampilkan keterangan waktu pembaruan terakhir pada postingan Blogger dengan format standard atau default adalah sebagai berikut:
<time expr:datetime="data:post.lastUpdated.iso8601">
  <data:post.lastUpdated/>
</time>
Syntax di atas memiliki keluaran seperti di bawah ini:
<time datetime="2020-05-31T20:48:00T+07:00">
  2020-05-31 20:48
</time>
Untuk dapat melakukan perubahan format penulisan tanggal tersebut sesuai keinginan, bisa menggunakan contoh syntax seperti ini:
<time expr:datetime="data:post.lastUpdated.iso8601">
  <b:eval expr='format(data:post.lastUpdated, "dd/MM/YYYY")'/>
</time>
Syntax di atas memiliki keluaran sebagai berikut:
<time datetime="2020-05-31T20:48:00T+07:00">
  31/05/2020
</time>

Catatan, kedua keluaran di atas dapat berbeda tergantung pengaturan format penanggalan yang diterapkan dari dashboard Blogger.

Referensi Syntax pada Format Penanggalan

Nah, setelah memahami syntax, susunan syntax, dan keluarannya melalui contoh kode di atas, berikut dilampirkan referensi kode yang bisa digunakan untuk merubah keterangan waktu yang ada pada template Blogger tanpa harus menggunakan JavaScript. Referensi ini dikutip dari Repositori GitHub yang dikelola oleh Mas Hermawan Yogi [2].
WaktuSimbolContoh KeluaranKeterangan
TahunYY17Tahun, 2 digit
YYYY2017Tahun, 4 digit
BulanM1, 11Bulan, minimum 1 digit
MM01, 11Bulan, 2 digit
MMMJan, NovBulan, 3 karakter
MMMMJanuary, NovemberBulan, nama panjang
MMMMMJ, NBulan, karakter pertama
Pekanw1, 11Pekan dalam Tahun, minimum 1 digit
ww01, 11Pekan dalam Tahun, 2 digit
W4Pekan dalam Bulan, 1 digit
Hari / Tanggald1, 11Tanggal dalam Bulan, minimum 1 digit
dd01, 11Tanggal dalam Bulan, 2 digit
D1, 55, 362Tanggal dalam Tahun, minimum 1 digit
DD01, 55, 362Tanggal dalam Tahun, minimum 2 digit
DDD001, 055, 362Tanggal dalam Tahun, minimum 3 digit
F3Hari ke-X dari Bulan. Contoh; Selasa ke-3 dari Bulan.
EM, TNama hari dari Pekan. 1 karakter
EEMo, TuNama hari dari Pekan. 2 karakter
EEEMon, TueNama hari dari Pekan. 3 karakter
EEEEMonday, TuesdayNama panjang hari dari Pekan.
Waktu dalam HariaaaaAM, PMNamanya mungkin berbeda tergantung regional.
bbbbMorning, Afternoon, Evening
BBBB
Jamh1, 11Jam [1-12], minimum 1 digit
hh01, 11Jam [1-12], 2 digit
H1, 21Jam [0-23], minimum 1 digit
HH01, 21Jam [0-23], 2 digit
Menitm1, 59Menit, minimum 1 digit
mm01, 59Menit, 2 digit


Demikian artikel singkat tentang cara menampilkan keterangan tanggal dan waktu terkait kapan postingan blogger tersebut pertama kali dipublikasikan dan kapan terakhir kali postingan tersebut diperbarui, beserta referensi format penulisan tanggal dan waktu yang memungkinkan untuk ditampilkan. Semoga bermanfaat.

Reference:
[1] https://id.wikipedia.org/wiki/ISO_8601
[2] https://github.com/bloggerpack/blogger-snippets/blob/master/blog-posts-gadget-v2/date.md

6 komentar

  1. Alhamdulillah terima kasih banyak berhasil diterapkan tanggal berdasarkan updatenya.
    1. alhamdulillah, terima kasih juga sudah menyempatkan waktunya untuk komentar, mas.
  2. cara pasangnya gimana?
  3. Alhamdulillah saya bingung maen coding..😅
  4. contoh permasalahan
    data:post.lastUpdated.iso8601 yang ditulis disini jika di render menampilkan real time

    sedangkakan hasil render nya berbeda format(data:post.lastUpdated, "dd MMMM YYYY - HH:mm")
    1. iso8601 merupakan penulisan tanggal standard international (2021-12-05T10:33:50+07:00), sebaiknya hanya ditampilkan pada tag dengan attribute datetime={}

      lalu untuk render itu ditambahkan format karena memudahkan pembaca manusia