Widget Artikel Terbaru
Panduan Untuk Memasang Widget Recent Posts - Kali ini saya mau berbagi informasi tentang memasang widget recent posts atau artikel terbaru. Widget ini akan menampilkan daftar posting terakhir blog. Pengunjung yang datang tidak langsung ke halaman utama (home page) dapat mengetahui beberapa artikel terbaru melalui widget ini.

Bila tertarik untuk memasang widget recent posts ini di sidebar blog, silakan Sobat lihat panduannya di bawah ini.

1. Masuk ke akun Blogger.

2. Klik "Opsi lainnya" >> "Tata Letak".

3. Klik "Tambah Gadget" >> "HTML/JavaScript".

4. Masukkan judul yang diinginkan.

5. Copy dan paste kode di bawah ini pada kolom "Konten".

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

6. Tentukan jumlah artikel yang ingin ditampilkan dengan mengisi angka pada var numposts. Ganti klikmunadi.blogspot.com dengan alamat blog Sobat. Jika ingin menampilkan tanggal posting, ubah false pada var showpostdate menjadi true. Bila ingin menampilkan ringkasan artikel, ganti false pada var showpostsummary menjadi true.

7. Klik tombol "Simpan".

8. Klik dan seret widget ke tempat yang Sobat inginkan lalu klik tombol "Simpan setelan".

9. Selesai dan hasilnya kira-kira akan seperti gambar di atas.

Post a Comment

Previous Post Next Post