Bikin Recent Post

Recent Post atau Posting terbaru merupakan salah satu informasi secara singkat Judul dari posting yang baru saja dibuat oleh penulis. Biasanya tampilan ini berurutan sesuai dengan apa yang telah di postkan penulis lebih awal ke yang paling baru. Cara membuatnya ada 2 code yang harus sobat ikuti. Dari kode-kode tersebut diantaranya ada kode yang harus sobat simpan dalam direktori penyimpanan file sobat. Jika sobat tidak memiliki/penuh direktori penyimpanan file tersebut sobat dapat menggunakan jasa penyimpanan gratis.

Beberapa direktori penyimpanan Gratis antara lain www.geocities.com (login dengan account yahoo sobat), www.tripod.com, www.sites.google.com dan lainnya.

Kode yang 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 style="font-size:80%;"></span>');
if (!standardstyling) document.write('</div>');


document.write('<span style="font-size:80%;">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>');
}

Caranya :
1. setelah sobat copy kode tersebut silahkan sobat masukan kedalam notepad, kemudian simpan dengan ekstensi file text, misal recentpost.txt.

2. Upload file txt tersebut kedalam direktori file sobat seperti contoh diatas.

3. Setelah file tersimpan pada direktori sobat, sobat bersabar sebentar yah ada kode kedua yaitu :

<script style="text/javascript" src="http://sites.google.com/site/zenk82/Home/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://kanzenk.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

4. Ganti text yang berwarna MERAH dengan URL file yang ada pada direktori sobat, ganti text yang berwarna BIRU dengan angka yang lain (ini menunjukan jumlah posting baru yang akan ditampilkan), dan ganti text berwarna HIJAU dengan alamat URL blog sobat.

5. Silahkan sobat masuk kedalam Blog area sobat, kemudian pilih "LAYOUT", "TAMBAH GADGET", "HTML/JAVA SCRIPT".

6. Copy kode kedua setelah dirubah sesuai petunjuk, kemudian pastekan kedalam GADGET, kemudian SIMPAN.

Jika sobat merasa bingung dan merasa lama silahkan sobat klik tombol dibawah untuk menginstal langsung kedalam blog sobat.

<script style="text/javascript" src="http://sites.google.com/site/zenk82/Home/recentpost.txt"></script><script style="text/javascript">var numcomments = 5;var showcommentdate = true;var showposttitle = true;var numchars = 100;var standardstyling = true;</script><script src="http://kanzenk.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

selamat berkarya dan bila ada masalah dalam kode tersebut silahkan post di komentar.