Cara membuat widget recent post atau post terbaru di blog

Cara membuat widget recent post atau post terbaru di blog - Terkadang begitu perlu menampilkan sebuah update posting terbaru pada blog kita untuk melihat batapa segarnya informasi-informasi yang disajikan blog kita untuk para pembaca, khususnya pembaca setia pada blog kita. Dengan adanya tampilan post terbaru maka akan semakin memudahkan pembaca dalam pencarian artikel yang sedang hot saat itu. 

Ada dua model tampilan yang biasa ada pada blog-blog yaitu model recent post dengan tampilan gambar dan recent post tanpa tampilan gambar/judul dari postingannya saja. Semua itu tidak menjadi masalah serius, tergantung selera pemilik blog saja. Kalau saya pribadi lebih suka yang tanpa gambar karena bagi saya judul saja udah cukup mewakili dari isi bacaan dan faktor kedua untuk mengurangi beban loading blog supaya lebih ringan. 

Berikut saya berikan tampilan gambar dari bentuk recent post pada sebuah blog, sreentshot saya ambil dari blog saya sendiri.

Cara membuat rrecent post atau update artikel pada blog tanpa disertai gambar

1. Langkah pertama masuk ke dashboard blog anda

2. Pilih menu tata letak - Tambah Gadget/widget - Html/JavaScript. Seperti dibawah ini tampilannya langkah-langkahnya.

3. Masukkan script dibawah ini pada kolom Html/JavaScript

<script type="text/javascript"> function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')} </script> <script type="text/javascript">var numposts = 10;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://1000dolarperhari.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>

4. Ganti link http://1000dolarperhari.blogspot.com/  dengan link/url blog anda dan selesai.

Baca juga cara memasang kotak script di tengah-tengah postingan blog