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:

Blogger

• Cara Menghapus Komentar Spam Secara Otomatis
• Cara Membuat Blog Terindeks Google dengan Cepat
• 5 Kesalahan yang Dilakukan Oleh Blogger Pemula
• Mengembalikan Blog yang Sudah Dihapus, Bisakah ?
• Apa Itu Niche Blogging ?
• Daftar 60+ Forum Do-Follow Ber-PageRank Tinggi 2014
• Cara Menghindari Blog Dihapus Oleh Google
• Cara Memilih Nama Blog & Situs yang Ramah SEO
• Cara Mengembalikan Mood Blogging
• Mengapa Subscriber Feedburner Menjadi 0 ?
• 7 Tips SEO untuk Blogger
• 10 Tips Mantap Untuk Meningkatkan Trafik Organik
• 7 Trik Membuat Artikel Lama Menjadi Populer
• 7 Cara Mendapat Pengunjung Dengan Mudah
• Tutorial Blog dan SEO Terkena Malware ?
• Bagaimana Mengefektifkan Backlink Dalam SEO
• 8 Tips Membuat Loading Blog Lebih Cepat
• Cara Membuat Kotak Fanpage Facebook Hitam Putih
• Optimasi Gambar Untuk Dapatkan Pengunjung
• Cara Menghindari SEO yang Berlebihan
• 8 Tips Untuk Seorang Blogger Pemula
• Cara Mendapatkan Google Sitelink Dengan Cepat
• Cara Membuat dan Tips Pengaturan Meta Tag
• Cara Meningkatkan Ranking Alexa Dengan Cepat
• Cara Mengklaim Situs di Alexa

Recent Post

• Membuat Widget Recent Post Dengan Thumbnail yang Bisa Berputar
• Cara Membuat Recent Post Berjalan Dengan Jquery
• Auto Scrolling Widget Postingan Terbaru Untuk Blogspot
• Membuat Scroll Widget Postingan terbaru

Posted in: Blogger,Recent Post