Recent Post UntukBlogger Beta

Posting terbaru atau biasa disebut Recent Post merupakan informasi singkat dari judul posting terbaru yang ditampilkan secara berurutan agar memudahkan pengunjung melihat urutan posting yang telah kita buat. Untuk membuat recent post kita bisa menggunakan source code dibawah. Mengenai cara penggunaan code telah saya jelaskan pada posting
jadi tidak ada perbedaan dalam cara menggunakannya caranya hampir sama, yang membedakan hanyalah cource code nya.

Source code ini masih terdiri dari 2 bagian, pada code bagian pertama pertama kode ini dapat dimasukan dimana aja selama kita mempunyai tempat penyimpanan pada directory web. jika gak punya directory penyimpanan pada web site kita dapat menggunakan layanan gratis misalnya http://www.geocities.com atau
http://www.tripod.com Sebelum melakukan proses upload ada baiknya buka notepad terlebih dahulu atau tools text editor apa saja, kemudian copy-paste kode dibawah ini simpan dengan nama (mis: recentcomments.txt). Jika nama file sudah tercipta lakukan upload seperti biasa, pasti udah tau
caranya khan :). Jika menggunakan layanan http://www.geocities.com kita tinggal login kemudina menuju File Manajer - ketikan nama file-nya kemudian klik tombol new, hapus semua tulisan kemudian copy paste pada halaman tersebut dan terakhir jangan lupa disimpan :)

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 melakukan memanggilan pada kode diatas kita tinggal menggunakan code dibawah ini, caranya tinggal copy paste code tersebut dan masukan pada halaman
element 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://o-om.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Jangan lupa mengubah kode pada kode bagian kedua, perubahan dapat dilihta pada warna merah dan pink.

Pada warna merah : Alamat tempat kita menyimpan
code bagian pertama
Pada warna pink : Ganti dengan alamat blog mu

Malas mempraktekan code diatas kamu bisa install langsung ke blog mu :

<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://NAMA-BLOG/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Jika ada pertanyaan mengenai kode diatas bisa masukan melalui komentar. terima kasih (oom)

Sumber : O-OM.com

Cetak

Artikel Lain :

Trik Blogger

• Membuat Tag / Label Cloud
• Tutorial Membuat DTree Menu
• Mengganti Domain Blog dengan Domain Gratis CO.CC
• Membuat Tab View pada Blog
• Blogger Random Post Widget
• Recent Comments Untuk Blogger Beta
• Membuat Recent Comment via Feed
• Kumpulan Blogger Hack dan Tutorial Singkat Blogspot
• Mempersingkat Posting dgn Read More