Senin, 07 Maret 2011

Cara Membuat atau memasang Recent Post

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 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..
Nech kodemya…..

// 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="style="color: rgb(255, 0, 0);">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 style="color: rgb(51, 51, 255);">biru : Ganti dengan alamat
blog mu

selamat mencoba……………….

Ingin artikel Blog ini langsung ke Email anda? Silahkan masukan alamat email anda untuk berlangganan.

Masukan Alamat Email Anda :