Cara Ubah Format Waktu ke Timeago di Postingan Blogger - Mediaachmad

Cara Ubah Format Waktu ke Timeago di Postingan Blogger dengan mudah tanpa JQuery atau tambahan plugin lainnya, hanya menggunakan javascript dan tidak akan memberatkan loading website atau blog.kesempatan kali ini mediaachmad akan memberikan sebuah tutorial Cara Ubah Format Waktu ke Timeago di Postingan Blogger.

Tentu sobat mediaachmad pernah melihat pemformatan waktu dan tanggal menggunakan timeago sebelumnya, contohnya seperti “1 jam lalu”, “1 bulan lalu”, “beberapa detik”, “1 tahun lalu”. Biasanya untuk pemformatan seperti ini digunakan untuk website download anime, film atau yang lain, karena kenapa? ya karena menarik.

Untuk pemasangannya juga cukup mudah hanya meletakkan saja, dan disini mediaachmad akan memberikan 2 format script yaitu Timeago menggunakan Bahasa inggris dan Timeago menggunakan Bahasa Indonesia. Nanti sobat mediaachmad bisa pilih formatnya menggunakan Bahasa inggris atau Bahasa Indonesia, untuk tampilannya sekiranya seperti ini.

Oke langsung saja jika kalian penasaran bagimana cara merubahnya, silakan simak tutorial berikut ini.

Cara Ubah Format Waktu ke Timeago di Postingan Blogger

Pertama, Silakan kalian login ke Blogger – masuk ke TEMA – Pilih EDIT HTML.

Kedua, Masukkan kode Time Ago dibawah ini di ATAS kode </head> . silakan pilih salah satu kode yang menggunakan Bahasa Inggris atau Bahasa Indonesia.

Timeago Bahasa Indonesia

<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('4 o=[\'%d\\t\',\'u\',\'X\',\'\\Y\',\'v\',\'%d\\w\',\'x\',\'y\',\'\\z$1$2\',\'p\',\'10\',\'A\',\'B\',\'1\\w\',\'11\',\'%d\\C\',\'12\\13\',\'14\',\'1\\t\',\'%d\\D\',\'E\',\'15\',\'F\',\'16\',\'G\',\'1\\C\',\'17\',\'18\'];(6(b,c){4 d=6(a){19(--a){b[\'1a\'](b[\'1b\']())}};d(++c)}(o,1c));4 3=6(a,b){a=a-q;4 c=o[a];9 c};(6 H(h){4 i={\'G\':\'\',\'x\':3(\'1d\'),\'y\':3(\'r\'),\'I\':3(\'1e\'),\'J\':3(\'1f\'),\'v\':3(\'1g\'),\'F\':3(\'1h\'),\'A\':\'1\\D\',\'K\':3(\'1i\'),\'L\':\'1\\M\',\'B\':\'%d\\M\',\'u\':3(\'1j\'),\'E\':3(\'1k\')};4 j=6(a,b){9 i[a]&&i[a][3(\'8\')](/%d/i,N[\'1l\'](N[3(\'1m\')](b)))};4 k=6(a){O(!a)9;a=a[\'p\'](/\\.\\d+/,\'\');a=a[3(\'8\')](/-/,\'/\')[3(\'8\')](/-/,\'/\');a=a[3(\'8\')](/T/,\'\\z\')[3(\'8\')](/Z/,\'\\1n\');a=a[\'p\'](/([\\+\\-]\\d\\d)\\:?(\\d\\d)/,3(\'1o\'));a=P Q(a*1p||a);4 b=P Q();4 c=(b[3(\'1q\')]()-a)*0.1r>>q;4 d=c/R;4 e=d/R;4 f=e/r;4 g=f/S;9 i[3(\'1s\')]+(c<s&&j(3(\'1t\'),c)||c<U&&j(\'I\',7)||d<s&&j(\'J\',d)||d<U&&j(3(\'1u\'),7)||e<r&&j(3(\'1v\'),e)||e<1w&&j(3(\'1x\'),7)||f<V&&j(\'K\',f)||f<s&&j(\'L\',7)||f<S&&j(3(\'1y\'),f/V)||g<1.5&&j(3(\'1z\'),7)||j(3(\'q\'),g))+i[3(\'1A\')]};4 l=1B[3(\'1C\')](3(\'1D\'));1E(4 m 1F l){4 n=l[m];O(1G n===3(\'7\')){n[\'1H\']=k(n[3(\'W\')](3(\'1I\'))||n[3(\'W\')](3(\'1J\')))}}1K(H,1L)}());',62,110,'|||_0xa255|var||function|0x1|0x11|return|||||||||||||||_0x5b82|replace|0x0|0x18|0x2d|x20menit|year|hour|x20tahun|suffix|seconds|x20|day|months|x20jam|x20hari|years|hours|prefix|timeAgo|minute|minutes|days|month|x20bulan|Math|if|new|Date|0x3c|0x16d||0x5a|0x1e|0xa|getAttribute|x20lalu||round|datetime|Beberapa|x20detik|getTime|object|timeago|title|getElementsByClassName|while|push|shift|0x110|0xb|0x1a|0x8|0x5|0x17|0x1b|0x15|0xd|abs|0x12|x20UTC|0x10|0x3e8|0x19|001|0x4|0xf|0xc|0x2|0x2a|0x13|0x14|0x9|0xe|document|0x7|0x3|for|in|typeof|innerHTML|0x6|0x16|setTimeout|0xea60'.split('|'),0,{}))
//]]>
</script>

Timeago Bahasa Inggris

<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('4 q=[\'a\\S\',\'v\',\'w\',\'U\',\'V\',\'x\',\'9\\o\\y\',\'%d\\W\',\'z\',\'A\',\'9\\o\\X\',\'Y\',\'\\r$1$2\',\'10\',\'9\\r%d\\11\',\'12\',\'13\',\'%d\\14\',\'B\',\'9\\o\\15\',\'%d\\16\',\'C\',\'17\',\'%d\\18\',\'D\',\'19\',\'E\',\'1a\\1b\\o\\y\',\'\\1c\',\'1d\',\'1e\',\'F\'];(7(b,c){4 d=7(a){1f(--a){b[\'1g\'](b[\'1h\']())}};d(++c)}(q,1i));4 3=7(a,b){a=a-s;4 c=q[a];p c};(7 G(h){4 i={\'D\':\'\',\'v\':\'\\1j\',\'H\':3(\'1k\'),\'w\':3(\'1l\'),\'z\':3(\'1m\'),\'I\':\'9\\1n\\1o\',\'F\':3(\'1p\'),\'E\':3(\'1q\'),\'x\':3(\'1r\'),\'C\':3(\'1s\'),\'B\':3(\'1t\'),\'J\':3(\'1u\'),\'A\':3(\'1v\')};4 j=7(a,b){p i[a]&&i[a][3(\'6\')](/%d/i,K[3(\'1w\')](K[3(\'s\')](b)))};4 k=7(a){L(!a)p;a=a[3(\'6\')](/\\.\\d+/,\'\');a=a[3(\'6\')](/-/,\'/\')[3(\'6\')](/-/,\'/\');a=a[3(\'6\')](/T/,\'\\r\')[3(\'6\')](/Z/,3(\'t\'));a=a[3(\'6\')](/([\\+\\-]\\d\\d)\\:?(\\d\\d)/,3(\'1x\'));a=M N(a*1y||a);4 b=M N();4 c=(b[3(\'1z\')]()-a)*0.1A>>s;4 d=c/O;4 e=d/O;4 f=e/6;4 g=f/P;p i[3(\'1B\')]+(c<u&&j(\'H\',c)||c<Q&&j(3(\'1C\'),8)||d<u&&j(3(\'1D\'),d)||d<Q&&j(\'I\',8)||e<6&&j(3(\'8\'),e)||e<1E&&j(3(\'1F\'),8)||f<t&&j(3(\'1G\'),f)||f<u&&j(3(\'1H\'),8)||f<P&&j(3(\'1I\'),f/t)||g<1.5&&j(\'J\',8)||j(3(\'1J\'),g))+i[3(\'1K\')]};4 l=1L[3(\'1M\')](3(\'1N\'));1O(4 m 1P l){4 n=l[m];L(1Q n===3(\'1R\')){n[\'1S\']=k(n[3(\'R\')](3(\'1T\'))||n[3(\'R\')](3(\'1U\')))}}1V(G,1W)}());',62,121,'|||_0x83de|var||0x18|function|0x1|about|||||||||||||||x20a|return|_0x4105|x20|0x0|0x1e|0x2d|suffix|minute|days|x20minute|minutes|years|months|month|prefix|day|hours|timeAgo|seconds|hour|year|Math|if|new|Date|0x3c|0x16d|0x5a|0x1f|x20day||getTime|getElementsByClassName|x20years|x20month|timeago||datetime|x20hours|abs|object|x20days|x20year|x20months|replace|x20minutes|title|less|x20than|x20UTC|getAttribute|round|while|push|shift|0xde|x20ago|0x1d|0x8|0x19|x20an|x20hour|0x10|0x2|0x13|0xc|0x16|0x15|0x9|0x11|0xe|0x3e8|0x5|001|0x1a|0x4|0xa|0x2a|0x1c|0x7|0x17|0x14|0xb|0x3|document|0x6|0xd|for|in|typeof|0x12|innerHTML|0x1b|0xf|setTimeout|0xea60'.split('|'),0,{}))
//]]>
</script>

Ketiga, silakan cari kode dibawah ini, biasanya ada 2 buah dan sekiranya kodenya hampir seperti ini.

<abbr class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
 <data:post.date/>
</abbr>

ATAU

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

Keempat, kemudian tambahkan element class “timeago”.

<abbr class='published timeago' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'>
 <data:post.date/>
</abbr>

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

Kelima, Silakan Simpan Tema dan lihat hasilnya.

Jika ada sedikit kendala silakan komen dibawah, Mungkin itu yang dapat mediaachmad sampaikan tentang Cara Ubah Format Waktu ke Timeago di Postingan Blogger, semoga dapat bermanfaat sekian dan terima kasih.