Cara Memasang Widget Artikel Terbaru yang Simpel dan Ringan pada Blog

Batas catatan - Widget Artikel Terbaru - Dengan adanya Widget Artikel Terbaru pembaca dapat dengan mudah melihat semua isi dari blog tersebut.

Untuk tampilannya sendiri banyak pilihan yang kita gunakan seperti artikel terbaru dengan gambar atau juga snippet. untuk tutorial kali ini saya akan memberikan script widget artikel terbaru yang simple dan ringan. agar kecepatan loading pun tidak terlalu berpengaruh

oke langsung aja berikut langkah - langkahnya

1. buka blogger => tata letak => tambahkan gadget

Foto pihak ketiga

2. selanjutnya pilih HTML/Javascript dan masukkan kode berikut :

<div id="hlrpsb"><script type="text/javascript">function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)break;for(var d=0;d<r.link.length;d++)if("alternate"==r.link[d].rel){n=r.link[d].href;break}i=i.link(n);var s=r.published.$t,a=s.substring(0,4),o=s.substring(5,7),l=s.substring(8,10),u=new Array;u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec",standardstyling||document.write(""),document.write('<div class="rctitles2">'),standardstyling&&document.write(""),document.write(i),standardstyling&&document.write(""),1==showpostdate&&document.write(" - "+l+" "+u[parseInt(o,10)]+" "+a),standardstyling||document.write("</div>"),document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("/div")} </script><script type="text/javascript">var numposts = 10;var showpostdate = false;var standardstyling = true;</script><script src="http://batascatatan.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript><style type=text/css>#hlrpsb a {color: #000000;font-size:13px;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;} </style>

3. terakhir beri nama dan klik save , maka tampilannya akan seperti ini

Note :
– jika ingin mengatur jumlah post bisa dengan mengganti Numposts = 10;
– jika ingin menambahkan judul dan penjelasan ganti nilai false yang ada pada showpostsummary = false menjadi True
– jangan lupa mengganti alamat blog nya src=”http://batascatatan.blogspot.com