Bagaimana Cara Menambahkan Widget Artikel Terbaru ?

   Untuk lebih memanjakan pengunjung blog terutama bagi yang suka mengexplore blog kita, alangkah baiknya kita menampilkan banyak informasi mengenai artikel kita yang lain. Termasuk menyajikan artikel-artikel terbaru kita di dalam template blog, sehingga blog menjadi lebih informatif dan banyak pilihan untuk di baca.

Lantas bagaimana caranya menampilkan artikel terbaru kita sebelumnya yang mungkin belum sempat terbaca oleh pengunjung ?
Begini caranya :

• Pertama, masuk dashboard blogger lalu klik "Layout/Tata letak"
• Kedua, pilih bagian sidebar kiri/kanan sesuai selera, tapi saya sarankan pilih yang kanan saja.
• Ketiga, klik "Add a Gadget" pada pilihan sidebar. Kemudian pilih HTML/javascript.
• Keempat, setelah muncul tampilan box atau kotak, masukkan kode html berikut : <script>var numposts =5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
  <script src="http://NAMA BLOG.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
  </script>
  
• Catatan : Ganti "NAMA BLOG" dengan nama blog kita. Selanjutnya kita bisa menampilkan berapa jumlah artikel dengan mengubah angka  pada, var numposts = 5, angka "5" bisa diganti sesuai kehendak kita, misal "8". Menampilkan tanggal artikel dipublish pada, var showpostsdate = false, kata "false" diganti dengan "true". Menampilkan ringkasan artikel pada, var showpostssummary = false, kata " false" diganti dengan "true".
• Kelima, save dan lihat widget Artikel Terbaru akan munculdi blog kita.  

Jika belum terlihat kemunculan deretan Artikel Terbaru, maka tempelkan kode di bawah ini diatas tag, caranya -- masuk ke menu " Template" -- lalu pilih "Edit Html" </head>  :

•  <script type='text/javascript'>
  //<![CDATA[
  
  function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.write('<li>');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);var readmorelink="(more)";readmorelink=readmorelink.link(posturl);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postcontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>')}
  
  //]]>
  </script>>

Setelah selesai klik save template dan lihat hasilnya, sekarang blog kita sudah terdapat widget " Artikel Terbaru". Semoga ada gunanya, sekian artikel "Bagaimana Cara Menambahkan Widget Artikel Terbaru".