Cara Menampilkan Tanggal Pembaruan di Blogger
Log In

Cara Menampilkan Tanggal Pembaruan di Blogger

Saturday, October 12, 2019, 12:39 AM
Cara Menampilkan Tanggal Pembaruan di Blogger


Tampilkan tanggal pembaruan

Tampilkan tanggal pembaruan menggunakan tag <data:post.lastUpdatedISO8601/>. Namun, karena format tanggal pembaruan adalah ISO8601, format diubah menggunakan JavaScript.



Berikut ini adalah spesifikasinya :
  • Ketika JavaScript dinonaktifkan, tanggal pembaruan disembunyikan
  • Bahkan jika itu diperbarui, jika tanggalnya sama, tanggal pembaruan disembunyikan.
  • Hanya tampilkan tanggal. Jangan tampilkan waktu
  • Bagian FontAwesome telah dihapus


<span class='published-info'>Tanggal posting&amp;nbsp;<data:post.date/></span>
<span class='updated-info' style='display:none;'>&amp;nbsp;&amp;nbsp;Tanggal Pembaruan&amp;nbsp;<span class='date' expr:data-publishd='data:post.timestampISO8601' expr:data-updated='data:post.lastUpdatedISO8601'/></span>

* Bagian HTML, tempat untuk menambahkan hanya setelah <b:includable id='post' var='post'>


<script>
//<![CDATA[
(function() {
  // Tampilkan tanggal pembaruan
  let updates = document.querySelectorAll('.updated-info .date');
  for (let i=0; i<updates.length; i++) {
    let u = updates[i];
    let tp = new Date(u.dataset.publishd);
    let tu = new Date(u.dataset.updated);
    if (Math.floor(tp.getTime()/86400000) != Math.floor(tu.getTime()/86400000)) {
      u.textContent = tu.getFullYear()+'/'+('0'+(tu.getMonth()+1)).slice(-2)+'/'+('0'+tu.getDate()).slice(-2);
      u.parentElement.style.display = 'inline';
    }
  }
})();
//]]>
</script>

Tambhkan tepat sebelum </body>, kemudian simpan dan lihat hasilnya tanpa melakukan pembaharuan artikel secara manual.


Tema baru dan lama

Tema baru (Contempo, Soho, Emporio, Notable) dapat direalisasikan tanpa menggunakan JavaScript dengan menggunakan tag templat berikut.
<data:post.lastUpdated/>
<data:post.lastUpdated.year/>
<data:post.lastUpdated.month/>
<data:post.lastUpdated.day/>


<span>Tanggal posting&amp;nbsp;</span><time expr:datetime='data:post.date.iso8601'><data:post.date.year/>/<b:if cond='(data:post.date.month - (data:post.date.month % 10)) / 10 == 0'>0</b:if><data:post.date.month/>/<b:if cond='(data:post.date.day - (data:post.date.day % 10)) / 10 == 0'>0</b:if><data:post.date.day/></time>
<b:if cond='data:post.date.year != data:post.lastUpdated.year or data:post.date.month != data:post.lastUpdated.month or data:post.date.day != data:post.lastUpdated.day'>
  &amp;nbsp;&amp;nbsp;
  <span>Tanggal pembaruan&amp;nbsp;</span><time expr:datetime='data:post.lastUpdated.iso8601'><data:post.lastUpdated.year/>/<b:if cond='(data:post.lastUpdated.month - (data:post.lastUpdated.month % 10)) / 10 == 0'>0</b:if><data:post.lastUpdated.month/>/<b:if cond='(data:post.lastUpdated.day - (data:post.lastUpdated.day % 10)) / 10 == 0'>0</b:if><data:post.lastUpdated.day/></time>
</b:if>

* Dalam <b:eval expr='format (data:post.lastUpdated, "yyyy/MM/dd")'> tidak ada zona waktu, jadi dapat dilakukan saat mengakses elemen scara individual.
Baca Juga
Sign out

TerPopuler