Pasang Recent Post Scroll Hanya Judul

بِسْــــــــــــــــمِ اﷲِالرَّحْمَنِ الرَّحِيم

Memasang Artikel terbaru atau recent post hanya dengan menampilkan judul artikel saja dan scroll. Melengkapi artikel sekitar memasang recent post slide bergambar atau bergambar tanpa slide,kali ini memasang recent psot di blog hanya judul saja dengan scroll.

Karena tuntutan tiap blogger ini berbeda selera,ada yang suka pakai gambar ada yang tidak atau harus pakai scroll untuk menghemat tempat. Dan kadang juga untuk menyesuaikan dengan tampilan halaman blog agar tampak sesuai tidak norak.

Sebenarnya kode scriptnya juga tak jauh beda (bagi yang sudah paham),namun bagi kita (saya) akan jadi susah kalau tak di beri langsung yang siap pakai. Maka bagi anda yang ingin menampilkan Post terbaru atau recent post hanya tampil judul caranya:

1. Masuk Dashboard > Klik Tata letak/element > Klik tambah gadget/element > Cari Java script dan klik,lalu beri judul dan kopi kode di bawah dan paste-kan dalam kolom javascript.

<div style='overflow:auto;height:200px'>
<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; /*jumlah judul yang akan muncul*/
var showpostdate = false; /*bila ingin menapilkan tgl post false ganti denga true*/
var showpostsummary = false; /*bila ingin menampilkan ringkasan post ganti false jadi true*/
var numchars = 100; /*jumlah kata yang akan muncul dalam ringkasan*/
</script>
<script src="http://arsipfank.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script></div>

Catatan: Ganti http://arsipfank.com dengan URL blog anda. 200px adalah tingginya tampilan scroll.

2. Bila sudah mantap klik Simpan,dan sekarang boleh lihat hasilnya (bila belum muncul perlu beberapa saat).

ٱلْحَمْدُ لِلَّهِ رَبِّ ٱلْعَاٰلَمِين