Cara Membuat Widget Recent Post Hanya Dengan Judul Saja

Cara Membuat Widget Recent Post Hanya Dengan Judul Saja - Widget recent post bukan hanya satu, melainkan banyak, contohnya Recent Post dengan gambar berjalan kebawah, itu akan memperberat loading blog kita, karena widget recent post tersebut banyak menggunakan script, kali ini saya akan share  Recent Post Hanya Dengan Judul Saja yang simple dan tidak banyak menggunakan script.

Berikut tutorial Cara Membuat Widget Recent Post Hanya Dengan Judul Saja :


1. Login Ke Blogger.

2. Masuk Dashboard.

3. Pilih Tata Letak.

4. Klik "Add Gadget".

5. Pilih "HTML/JavaScript".

6. Lalu sobat letakkan kode script di bawah ini ke dalam box "konten"

<div style='overflow:auto;height:230px'>
<script>
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>
<script>
var numposts = 10;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
<script src="http://sch-xp.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script></div>

7. Beri judul (saya rekomendasikan Artikel Terbaru / Recent Posts)

8. Klik Simpan dan selesai.

Catatan :Ganti nama yang berwarna merah dengan nama blog sobat|
Ganti nama yang berwarna hijau dengan jumlah artikel terbaru sobat
Ganti nama yang berwarna orange dengan tinggi widget recent post