Cara tambah widget Recent post

Tutorial ini akan menjelaskan cara untuk meletakkan post terbaru yang telah korang postkan pada blog korang diambil dari http://beautifulbeta.blogspot.com, dengan adanya hal seperti ini, ia boleh membantu korang untuk menaikkan trafik ke blog korang dengan memaparkan beberapa post yang masih baru dan berkemungkinan pelawat masih belum membacanya. sila ikuti langkah dibawah ini.

1.Log in ke dashboard blog korang--> design-->page element

2.Klik pada "Add a Gadget" dan Pilih "HTML/Java Script". salin kod di dalam kotak dibawah dan paste ke dalam ruangan yang ada.

<script type='text/javascript'>
//<![CDATA[

// ----------------------------------------
// SHOW RECENT POSTS
// ----------------------------------------
// 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
// ----------------------------------------

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 = "(more)";
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 >Widget by <a href="http://beautifulbeta.blogspot.com">Beautiful Beta</a></span>');
if (!standardstyling) document.write('</div>');

}

//]]>
</script>

<script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 200;var standardstyling = true;</script><script src="http://namabloganda.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Nota : Korang mesti menggantikan http://namabloganda.blogspot.com dengan alamat blog korang yang sebenar.

Korang boleh menukar var numposts , var showpostdate , var showpostsummary ,var numchars , var standardstyling ,dan sebagainya....

3.Klik save dan refresh blog korang.