Cara Menampilkan 10 Artikel Di Recent Posts

Ehmm...! Selamat malam semuanya... Anda mungkin bertanya kenapa saya selalu berkata selamat malam. Jawabannya adalah karena saya selalu melakukan posting pada malam hari, tidak pernah pagi atau pun siang. Hehehe...! Maklum lah, dari pagi sampai siang saya sibuk terus, jadi tidak sempat ng-blog. Ok sudah cukup muqodimah pendek dari saya, sekarang mari kita langsung pada tips pembuka pada malam hari ini.
Widget Recent Posts bawaan Blogger hanya bisa menampilkan paling banyak 5 artikel terbaru, ya kan? Coba anda lihat pada bagian sidebar blog saya ini, disana ada widget "Posting Terbaru". Disana saya menampilkan 10 artikel. Gimana dengan yang anda punya? Masih 5 artikel paling banyak kan? Anda ingin menambahnya? Tenang, di tips kali ini saya akan menjelaskan cara membuat widget seperti yang saya punya itu. Mau?

Berikut Cara Menampilkan 10 Artikel Di Recent Posts:

1. Login ke akun Blogger anda

2. Pilih Layout > Page Elements

3. Tambahkan Page Elements dengan HTML/Javascript

4. Paste kode berikut ke dalam kotak content:

<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://NAMABLOGANDA.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>
<div class="clear"></div><p style="text-align:right; font-size:9px;">Brought to you by: <a href="http://belajargaptek.blogspot.com/" title="Blogger Tips - Info Menarik - Belajar IT">Orang Yang Gaptek "KLIK di SINI"</a></p>

Ganti NAMABLOGANDA dengan alamat blog anda.

5. Terakhir, klik Save.

Note:
- Anda bisa menampilkan lebih dari 10 artikel dengan mengganti nilai var postshow=10; dengan nilai yang lebih tinggi. Di tips ini saya menjelaskan cara untuk 10 artikel karena menurut saya jumlah paling banyak dan baik untuk artikel terbaru adalah 10.

- Anda juga bisa menggunakan widget ini untuk Recent Comments / Komentar terbaru. Caranya, cari kode berikut:

<script src="http://NAMABLOGANDA.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

Ganti tulisan posts dengan comments.

Selamat mencoba...

Source : Zacky Blog's