Thursday, February 16, 2012

Cara Membuat Recent Post (Postingan Terbaru) dengan Javascript

 

Jika sebelumnya saya membagi Recent Post dengan Scroll dan bagaimana membuat slide menu dengan jquery pada tutorial kali ini saya akan memberi tahu bagaimana caranya membuat Auto Recent Post menggunakan Javascript, sehingga pengunjung yang datang ke blog kita ga usah ribet2 mencari artikel yang terbaru dengan satu2. Widget ini juga bisa kita atur sesuai keinginan kita, yakni megatur jumlah postingan yang akan di tampilkan. oke berikut langkah2nya :

1. Masuk ke Akun Blogger

2. Klik Rancangan --> Elemen Laman --> Tambah Gadget --> dan pilih HTML/Javascript. Kemudian kamu copas kode dibawah ini dan taruh di dalam kotak HTML/Javascript tadi

<script src="http://hzndi.googlecode.com/files/recent-post.js"></script>
<script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><script src="http://namablogkamu.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>

*Angka 10 adalah Jumlah Postingan yang akan ditampilkan dan ganti tulisan namablogkamu.blogspot.com dengan blog yang kamu kelola.

3. Simpan Template

Postingan Terkait:

14 comments:

  1. wah mantep nih sob...ane lagi cari scriptnya...ini ada warna latarnya kan ya...

    ReplyDelete
  2. Keren...
    Nice post sob :D
    boleh dicoba nih :)

    ReplyDelete
  3. waduhh....Ga paham ama yg gtu2an soob...hehehehe...ijin nyimak aj dech....tetap semngat berbagi sobat...semoga bermanfaat bagi sesama...(^_^)

    ReplyDelete
    Replies
    1. jeh si agan mah bisa saja hehe, nyimak doang ga boleh harus nyoba atuh :p hehe

      Delete
  4. kembali berkunjung sobat...absen pagi..salamm sukses...ya

    ReplyDelete
  5. di coba di coba he he he, siip brada

    ReplyDelete
  6. very usefull ur post here :) thank u!

    ReplyDelete

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More