Membuat Recent Post Sederhana Dengan Java Script

Sekarang saya akan memberi tahukan apa keuntungan menggunakan cara yang ini, yaitu jumlah recent post yang bisa anda tampilkan akan bisa lebih banyak di bandingkan jika menggunakan recent post default blogger, yang mana jika anda menggunakan recent post default blogger maksimal recent postingannya cuman 5 postingan terbaru yang bisa tampil, sedangkan jika anda menggunakan cara yang ini ( menggunakan javascript ) postingan terbaru yang bisa di munculkan maksimal adalah 25 posting terbaru... Dan ditambah lagi kelemahan dari menggunakan recent post default blogger yaitu jika anda habis posting artikel recent post anda tidak akan keluar dengan langsung alias lama dan jika anda menggunakan cara ini recent post anda akan lebih cepat munculnya setelah anda melakukan posting...

Silahkan copy code script dibawah ini :

<script>
//credit to hoctro
function rp(json) {
document.write('<ol>');

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 = 5; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://percobaan-alfanet.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

sekarang masukkan script di atas di bagian sidebar atau yang lainnya pada blog anda yaitu dengan cara : masuk kehalaman LAYOUT kemudian tambahkan elemen halaman dengan cara ADD A GADGET / TAMBAHKAN GADGET, kemudian pilih lagi pilihan HTML/JAVASCRIPT .. dan setelah anda masukkan jangan lupa tekan SAVE / SIMPAN ...

Setelah itu... lihat hasilnya.....
gimana...? masih bingung..? moga aja nggak yah... coz udah saya coba jelaskan dengan sedetail detailnya... tapi kalo emank masih bingung, silahkan kayak teman teman yang lainnya yah... tinggalkan pesan pertanyaan di posting komentar dibawah ini, dan sekalian sambil beriklan posying koment... jadi lah yang nomor satu di urutan teratas pengomentar karena peluang blog anda akan di klik orang akan lebih banyak... sebelumnya... semoga sukses n sukses mengeblog...
Ssemoga bermanfaat bagi sobat semuanya .....!

• Tweet
• Share
• Share
• Share
• Share