Mengubah Tampilan Waktu Menjadi Timeago di Blogger

 Pada kesempatan kali ini saya akan membahas tentang timeago (Java Script-jQuery) untuk versi blogspot. 

Tentu saja bisa juga untuk mengubah fitur waktu di post info agar berubah menjadi hitungan waktu berlalu saat artikel di publikasikan. 

Contohnya apabila anda membuat postingan baru ataupun mengedit suatu postingan artikel, timestamp akan berubah seiring waktu. 

Setelah kalian mengubah artikel atau postingan tersebut seperti "2 jam yang lalu, 1 bukan yang lalu, 1 menit yang lalu, maupun 10 tahun yang lalu".

Format penulisan waktu seperti ini biasanya kita sering jumpai pada beberapa situs sosial media atau situs-situs web besar lainnya. 

Tutorial Membuat Tampilan Waktu Menjadi Timeago di Blogger

• Silahkan kalian login terlebih dahulu ke blogger.com, setelah itu pilih menu Tema > Edit HTML 

• Setelah itu cari kode semacam di bawah ini

expr:datetime='data:post.date.iso8601'

Kemungkinan kode lengkapnya seperti ini

<time expr:datetime='data:post.date.iso8601' expr:title='data:post.date'><data:post.date/></time>

Jika kode tersebut sudah ada, silahkan lewatkan saja. Namun, jika tidak ada silahkan tambahkan kodenya. 

• Silahkan tambahkan kode pemanggilan jQuery jika belum ada, taro kode sebelum </body>.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js'></script>

• Selanjutnya, silahkan tempel kode di bawah ini sebelum </body> atau di bawah pemanggilan kode jQuery yang saya kasih di atas. 

<script>
    $(function(){
        $('[datetime]:not(.timeago)').each(function() {
            var $this = $(this);
            var data_timeago = $this.attr('datetime');
            $this.addClass('timeago');
            if(!$this.attr('title')) {
                $this.attr('title', data_timeago);
            }
            $this.text(get_timeago(data_timeago));
        });
    });
    function get_timeago(t) {
        var e = new Date(t),
            a = 36e5,
            o = 24 * a,
            s = 30 * o,
            i = 365 * o,
            n = "yang lalu",
            l = new Date - e;
        return l < 6e4 ? Math.round(l / 1e3) + " detik " + n : l < a ? Math.round(l / 6e4) + " menit " + n : l < o ? Math.round(l / a) + " jam " + n : l < s ? Math.round(l / o) + " hari " + n : l < i ? Math.round(l / s) + " bulan " + n : Math.round(l / i) + " tahun " + n
    }
</script>

• Jika semua kode sudah diterapkan, silahkan simpan atau save tema. 

• Selesai. 

Sekian tutorial dari saya Mengubah Tampilan Waktu Menjadi Timeago di Blogger. 

Sebenarnya kode ini juga bisa diterapkan di berbagai CMS seperti WordPress dan lainnya juga pada Non-CMS. 

Silahkan di setting sendiri sesuai tema anda, terimakasih.