Cara membuat Widget 10 postingan Terbaru
Sebelumnya saya telah membuat trik membuat Widget post terbaru/recent post namun hanya 5 buah postingan yang di tampilkan, kini saya mempunyai solusinya agar post terbaru lebih banyak di tampilkan misanya anda ingin 10 postingan terbaru itu bisa saja kalau anda mau.Nah kalau mau tau Cara membuat Widget 10 postingan terbaru mari kita lihat langkah-langkahnya dan langsung praktekkan :
- seperti biasa login ke blogger.com
- Setelah itu mari kita menuju Tata letak ===>> element halaman
- Mari kita tambahkan Gadget ===>> pilih yang HTML/Java script
- copy paste kode di bawah ini :
<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://Namablogplend.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp">
</script>
<div class="clear">
</div>
<div style="text-align: right;">
<a href="http://oketrik.blogspot.com/2009/12/cara-membuat-widget-10-postingan.html" title="Gimana cara membuat widget ini? mau? klik saja....">Bikin Widget ini</a>
</div>
- Setelah itu simpan deh
- Sekarang lihat hasilnya
No comments:
Post a Comment
terima kasih atas kunjungannya bapak/ibu/om/tante/saudara/i sekalian, budayakan berkomentar yang baik.