Cara Mudah Memasang Fitur Time Ago Dengan jQuery Di Blog

Tips blogger kali ini akan memberikan tutorial bagaimana cara memasang plugin time ago di blogspot atau mengubah fitur waktu di post info agar berubah menjadi hitungan waktu berlalu saat artikel dipublikasikan. Tapi sebelum itu pastinya kalian memahami kan apa sih plugin atau Fitur Time Ago tersebut. Time Ago merupakan sebuah script jQuery yang digunakan untuk mengganti timestamp/waktu pada blogspot pada saat memperbarui sebuah waktu postingan dipublikasikan. Contohnya misalkan anda membuat artikel pada saat 5 menit yang lalu maka pada timestamp akan tampil 5 menit yang lalu (5 minutes ago). Begitu juga jika artikel diperbaru saat 2 hari yang lalu maka akan tampil timestamp 2 hari yang lalu (2 days ago).

Cara Mudah Memasang Fitur Time Ago  Dengan jQuery Di Blog

Nah apabila anda berminat untuk memasang plugin jQuery Time Ago ini maka tambahkan kode script yang tertera tepat di bawah ini dan salin kode tersebut tepat diatas kode </body> atau </head>.


<script src="http://yourjavascript.com/39116261091/timeagomediababe.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function(e){e("abbr.timeago").timeago()})
</script>

Setelah anda berhasil memasang script diatas pada template blog anda silahkan simpan template kemudian untuk cara pemasangan fitur time ago pada blog maka ganti kode timestamp pada blog anda. Kode dibawah ini adalah kode yang biasanya dipakai pada blogspot.

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

Silahkan anda ganti kode script diatas dengan menggunakan kode script yang ada pada berikut ini.

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

Untuk mencoba fitur ini sudah aktif pada blog anda, silahkan perhatikan waktu publikasi pada homepage atau waktu publikasi artikel pada halaman posting blog anda. Untuk detail ada pada gambar berikut ini.

Nah apabila jQuery diatas tidak aktif karena terjadi suatu bentrokan terhadap script yang lainnya maka anda bisa menggunakan kode script di bawah ini untuk menggantinya cara memasangnya juga sama salin kode di bawah ini tepat diatas kode </body> atau </head>.

<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>

Demikianlah cara mengganti tampilan waktu pada artikel blog agar time ago. Semoga bermanfaat.


Cara Mudah Memasang Fitur Time Ago Dengan jQuery Di Blog | Admin MB | 4.5

Leave a Reply

Your email address will not be published.