Sunday, December 26, 2010

Membuat recent post (postingan terbaru)

Banyak cara membuat recent post atau tutorial terbaru pada blog,selain membuat recent post bawaan blogger kita juga bisa membuat dengan menambahkan script pada gadget.
Bagi teman teman yang tertarik membuat recent post dengan kode HTML bisa ikuti langkah berikut:
1.Login ke blogger
2.Masuk dashboard pilih Design/Tata letak >> Elemen halaman
3.Klik tambah Gadget
4.Pilih HTML/java script
   Setelah muncul kotak berikut:



Isi judul : Recen post/Tutorisl terbaru atau selera anda
Copykan script dibawah ini pada kotak dibaeahnya:


<script>
//credit to hoctro
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 = "(lagi)";
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, "");


if (showpostdate == true) document.write('# ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + '>> ');
document.write(posttitle + ' ');


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('<hr width="100%" size="1" />');
}
document.write('</ul>');


}
</script><script>var numposts = 10; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><script src="http://rnbkomp.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script>

Numpost=10 adalah jumlah postingan yang akan ditampilkan,bisa diganti sesuai selera
Ganti rnbkomp.blogspot.com dengan alamat blog anda

Selanjutnya klik simpan

No comments:

Post a Comment