Membuat widget artikel terbaru memang banyak pilihan/variasi-nya. Salah satunya
recent post dengan gambar berjalan otomatis ke bawah, atau yang lebih dikenal dengan spy. Namun yang seperti itu malah akan memperberat
loading blog,
karena memakai banyak script. Nah sebagai alternatif penggantinya,
disini saya akan share cara membuat recent post yang simple tanpa
gambar, hanya link judul + scroll box. Dengan begitu anda tidak perlu
kuatir lagi, jika nantinya loading blog anda semakin lama, tanpa
kehilangan fungsi dari widget tersebut. Tertarik untuk nyobain ?
silahkan baca tutorial-nya.
1.Pilih tambah gadget di sidebar
2.Klik tanda plus (+) disebelah html/javascript
3.Copy kode dibawah, dan paste pada kolom yang tersedia
<div style='overflow:auto;height:230px'>
<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://hienzo.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script></div>
Note: warna
biru adalah jumlah recent post yang ingin ditampilkan, sedangkan yang
merah ganti dengan link website anda. Jika tidak ingin memakai scroll box, hapus kode yang saya tandai warna
hijau
Judul : cara buat Recent Post Hanya Link Judul & Scroll Box
Deskripsi : Membuat widget artikel terbaru memang banyak pilihan/variasi-nya. Salah satunya recent post dengan gambar berjalan otomatis ke bawah , atau ...