×

Owner / Author / Admin / etc

    Muhammad Puttra    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Web Code, dan juga berbagai tips-tips menarik lainnya."

Ads Header

Mengubah Tampilan Waktu Menjadi Timeago di Blogger

Mengubah Tampilan Waktu Menjadi Timeago di Blogger

Rabu, 28 September 2022   • 2 Komentar

 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. 

Gunakan Media Sosial Dengan Benar Agar Bermanfaat :) Follow IG : puttra.id
Facebook Instagram Twitter
Show Comments!
Hide comments

2 Komentar untuk "Mengubah Tampilan Waktu Menjadi Timeago di Blogger"

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

';

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel