Pada trik sebelumnya kita telah mengikuti kursus cara membuat recent comment,udah baca belum,kalau blom baca dulugih
disini.tapi selain recent comment kita juga mengenal recent post atau yang lebih dikenal “Postingan Terbaru” yang merupakan informasi singkat dari judul postingan terbaru yang ditampilkan secara berurutan supaya pengunjung lebih mudah melihat postingan terbaru yang kita buat
Pada recent post juga terdiri dari 2 bagian,penggunaan kode sama seperti memasang recent comment.klik lagi gih
disini untuk melihatnya,jadi tidak ada perbedaan cara memasangnya,yang membedakannya hanyalah kodenya,
Codenya terdiri dari dua bagian,bagian pertama dapat anda simpan dimana saja,asalkan
anda mempunyai tempat penyimpanan Directory Web misalnya http://www.geocities.com . namun sebaiknya sebelum proses upload dilakukan,copy-paste terlebih dahulu kode dibawah ini kedalam notpad,lalu baru di upload ke dalam Directory web
Kode bagian pertama :
// ----------------------------------------
// SHOW RECENT POST
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version: 2.1
// Date: 2007-02-02
// Author: Hans Oosting
// URL: beautifulbeta.blogspot.com
// ----------------------------------------
function showrecentposts(json) {
for (var i = 0; i < numposts; i++) {
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 = "(Baca)";
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 (!standardstyling) document.write('<div class="bbrecpost">');
if (standardstyling) document.write('<br/>');
document.write(posttitle);
if (showpostdate == true) document.write(' - ' + monthnames[parseInt(cdmonth,10)] + ' ' + cdday);
if (!standardstyling) document.write('</div><div class="bbrecpostsum"">');
if (showpostsummary == true) {
if (standardstyling) document.write('<br/>');
if (postcontent.length < numchars) {
if (standardstyling) document.write('<i>');
document.write(postcontent);
if (standardstyling) document.write('</i>');}
else {
if (standardstyling) document.write('<i>');
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write(postcontent + '...' + readmorelink);
if (standardstyling) document.write('</i>');}
}
if (!standardstyling) document.write('</div>');
if (standardstyling) document.write('<br/>');
}
if (!standardstyling) document.write('<div class="bbwidgetfooter">');
if (standardstyling) document.write('<br/>');
document.write('<span ></span>');
if (!standardstyling) document.write('</div>');
document.write('<span >Widget by <a href="http://hackosphere.blogspot.com">Hackosphere</a><br/>Powered by <a href="http://beautifulbeta.blogspot.com">Beautiful Beta</a></span>');
if (!standardstyling) document.write('</div>');
}
untuk menggunakan atau memanggil kode tersebut dibutuhkan sebuah kode yang disisipkan di sidebar,caranya copy kode dibawah ini kedalam element HTML blogger
Kode bagian kedua :
<script style="text/javascript" src="http://www.geocities.com/oom_directory/recentpost.txt"></script><script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script src="http://blogkomputers.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
Ket:
Pada warna merah : Alamat tempat kita menyimpan code bagian pertama
Pada warna biru : Ganti dengan alamat blog mu
Sampai sini bisakan,Ok Selamat Mencoba!!!