Memasang Plugin Timeago dengan jQuery di Blog

Memasang Plugin Timeago dengan jQuery di Blog

Rio Ilham Hadi

08 February 2015

Timeago adalah plugin jQuery yang membuatnya mudah untuk mendukung otomatis memperbarui waktu (misalnya "3 menit yang lalu" atau "sekitar 3 hari yang lalu")

Jika sobat tertarik untuk memasang Plugin jQuery Time ago silahkan ikuti tutorial di bawah ini dengan baik-baik.

Langkah Pertama Masukan jQuery Time ago di bawah ini tepat di atas </body> atau </head>.

 <script src='https://rawcdn.githack.com/blanter/design/853dbdc1bc10453ca68ab2585056b06d3ffb2d11/blanter-timeago.js' type='text/javascript'/>
<script type='text/javascript'>
jQuery(document).ready(function(e){e("abbr.timeago").timeago()})
</script> 

Dan langkah selanjutnya cara menampilkan Plugin Timeago.

Kode HTML di bawah ini adalah "Waktu Publish Postingan" yang biasa di pakai.

 <abbr class='updated published' expr:title='data:post.timestampISO8601'>
<data:post.timestamp/>
</abbr> 

Silahkan sobat ubah kode seperti di atas dengan kode di bawah ini.

 <abbr class='published updated timeago' expr:title='data:post.timestampISO8601'>
<data:post.timestamp/>
</abbr> 

Langkah selanjutnya cara membuat "Admin Blanter Lahir 15 years ago"

Dibawah ini adalah HTML untuk menampilkannya.

Admin Lahir <abbr class="timeago" title="2000-02-16T17:17:00Z">Feb 16, 2000</abbr>

Silahkan ubah 2000-02-16T17:17:00Z dengan tanggal lahir Anda...

Lalu Cara membuat "Anda Membuka Halaman ini 1 Minute Ago" dan 
Membuat "Halaman ini Terakhir diubah 10 Minute Ago"

Masukan jQuery dibawah ini tepat di atas </head> atau </body>

Note : Jika sobat ingin memasang jQuery dibawah ini sobat tidak boleh memasang Jquery Timeago diatas karena akan mengakibatkan bentrok dan jquery tidak akan bekerja.

 <script src="http://yourjavascript.com/1821532517/open-timeago.js" type="text/javascript"></script>
    <script type="text/javascript">
      jQuery(document).ready(function($) {
        prepareDynamicDates();
        $("abbr.timeago").timeago();
        $("#prog_date").text(jQuery.timeago(new Date()));
        $("#prog_string").text(jQuery.timeago("2008-07-17"));
        $("#prog_element").text(jQuery.timeago("2008-07-20"));
      });
    </script> 

HTML "Anda Membuka Halaman ini"

 <div class="example">
<b>Anda Membuka Halaman Ini</b> <abbr class="loaded timeago">when you opened the page</abbr>.</div> 

HTML "Halaman ini Terakhir diubah"

 <div class="example">
<b>Halaman Ini Terakhir diubah</b> <abbr class="modified timeago">sometime before now [browser might not support document.lastModified]</abbr>.</div> 

Semoga Tutorial "Memasang Plugin Timeago di Blog" ini bermanfaat.
Untuk lebih lanjut sobat bisa mempelajarinya lebih lanjut di sini timeago: plugin jQuery .

Share This