BlogRoll

Cara membuat plugin timeago di blog

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='http://yourjavascript.com/1583214855/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

Tidak ada komentar:

Diberdayakan oleh Blogger.