2

Membuat Recent Post Sendiri

Author Nur Siswanto    Category , ,

Kita kadang sering menjumpai tutorial recentpost, tapi terkadang source javascript nya ditaruh di hosting gratis, ketika hostingnya tidak gratis lagi (seperti di geocities) maka recent post yang kita pasang tidak dapat berfungsi. Dan juga ketika yang punya blog menghapus javascript tersebut maka juga tidak dapat berfungsi lagi. Solusinya adalah kita membuat sendiri.

Caranya adalah sebagai berikut:
1. Copy paste kode berikut kedalam notepad kemudian di simpan dengan ekstensi .js, misalnya dengan recentpostwidget.js

// ----------------------------------------
// ADD RECENT POSTS WIDGET
// ----------------------------------------
// This functions takes a blogger-feed in JSON
// format and displays it.
//
// Version: 2.0
// Date: 2006-12-01
// Author: Hans Oosting
// URL: beautifulbeta.blogspot.com
// Modified : Kevin Alfonzo - http://chalforweb.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 = "(selengkapnya...)";
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] = "Januari";
monthnames[2] = "Februari";
monthnames[3] = "Maret";
monthnames[4] = "April";
monthnames[5] = "Mei";
monthnames[6] = "Juni";
monthnames[7] = "Juli";
monthnames[8] = "Agustus";
monthnames[9] = "September";
monthnames[10] = "Oktober";
monthnames[11] = "November";
monthnames[12] = "Desember";
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(' - ' + cdday + ' ' +
monthnames[parseInt(cdmonth,10)]);
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('Widget by :<a href="http://www.cah-mbudur.co.cc">Cah
Mbudur</a><br/>Powered by :<a
href="http://chalforweb.blogspot.com/2007/06/add-recent-post.html">On the
blogger</a>');
if (!standardstyling) document.write('</div>');

}

2. Upload file tersebut ke hosting kita, kalo belum punya kita bisa mendaftar
gratis di 000webhost atau hosting gratis lainya (kalo punya uang beli aja :D)
3. Setelah diupload taruhlah kode berikut ke dalam widget blogger kita

<script style="text/javascript" src="http://cahmbudur.byethost15.com/js/recentpostwidget.js"></script><script
style="text/javascript">
var numposts = 5;
var showpostdate = true;
var showpostsummary = true;
var numchars = 100;
var standardstyling = true;
</script><script src="http://www.cah-mbudur.co.cc/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Keterangan :
  • Tulisan yang berwarna merah adalah alamat dimana kita upload file java script tadi
  • Var numposts = 5; jumlah recent post yang akan kita tampilkan
  • Var showpostdate = true; jika kita mau menampilkan tanggal kapan kita melakukan posting, jika tidak maka true bisa kita ganti dengan false
  • Var showpostsummary = true; jika kita mau menampilkan ringgkasan postingan kita, jika tidak maka true bisa kita ganti dengan false
  • Var numchars = 100; jumlah karakter dari ringkasan postingan kita
  • Tulisan yang berwarna biru diganti dengan alamat blog kita


4. Simpan

Jika tidak mau report-report membuat sendiri bisa langsung ke nomer 3 aja :D
Selamat Mencoba..

---

2 Comments to “Membuat Recent Post Sendiri”

  • foldernews   20 November 2010 20.00

    bisa ga ya diterapin di wordpress?

  • Cah Mbudur   21 November 2010 07.19

    Belum tahu ya...
    Sy belum pernah nyoba

    Kalo setahu saya wordpress biasanya pake plugin
    cari saja di http://wordpress.org/extend/plugins/

Post comment