Cara menampilkan posting terbaru menurut kategori sama halnya dengan cara membuat recent posts di blog. Hanya saja dalam membuat atau menampilkan recent posts berdasarkan label (kategori) ada penambahan kode, pastinya nama label itu sendiri. Bagaimana caranya?
Bagi yang sudah mengetahuinya, silakan cukup berkomentar saja, namun buat yang ingin tahu, silakan lanjut membaca dan tetap berkomentar
Menampilkan artikel terbaru berdasarkan label dengan JavaScript.
- "Tambah Gadget" >> pilih "HTML/JavaScript".
- Copy script di bawah ini dan paste di kolom konten pada konfigurasi HTML/JavaScript
<script type='text/javascript'>Penjelasan :
//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 = "(Read)";
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('<br>');
document.write(postcontent);
document.write('</br>');
document.write('...' + readmorelink);
}
}
document.write('</li>');
}
document.write('</ul>');
}
</script>
<script>var numposts = 5; var showpostdate = false; var showpostsummary = true; var numchars = 0; </script>
<script src="http://NAMABLOG.blogspot.com/feeds/posts/default/-/Nama Label?orderby=published&alt=json-in-script&callback=rp">
</script><br />
<a href="http://NAMABLOG.blogspot.com/search/label/Nama Label">Other Posts >></a>
- 5 >> dapat sobat rubah karena ini menunjukan berapa post yang akan di tampilkan
- false >> dapat sobat rubah menjadi true apabila ingin menampilkan tanggal post
- 100 >> dapat sobat rubah karena ini menunjukan karakter dari isi post tersebut
- NAMABLOGSOBAT >> Harus sobat ganti dengan namablog sobat
- NAMAKATEGORI >> Harus sobat ganti dengan nama label yang akan muncul