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
Full source code "Recent Comments" for blogger" 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 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>');
}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 :
Jika ada pertanyaan mengenai kode diatas bisa masukan melalui komentar.
terima kasih (oom)
Tidak ada komentar:
Posting Komentar