08 February 2015

Memasang Plugin Timeago dengan jQuery di Blog

Blanter Timeago Plugin Jquery

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 .
Rhinokage Rio
Rhinokage Rio

Adalah seorang blogger yang suka mempelajari hal-hal yang baru seputar blog, template, SEO dan Bisnis Online. Untuk mempelajari Hal baru, membutuhkan kesabaran dan ketelitian dalam mempelajarinya.

Add Your Comments

  • Untuk menulis huruf bold silahkan gunakan <strong></strong> atau <b></b>.
  • Untuk menulis huruf italic silahkan gunakan <em></em> atau <i></i>.
  • Untuk menulis huruf underline silahkan gunakan <u></u>.
  • Untuk menulis huruf strikethrought silahkan gunakan <strike></strike>.
  • Untuk menulis kode HTML silahkan gunakan <code></code> atau <pre></pre> atau <pre><code></code></pre>, dan silahkan parse dulu kodenya pada kotak parser di bawah ini.
Konversi Code
Out Of Topic