My Info

.: SELAMAT DATANG :.

Terimakasih sudah berkunjung disini, Saya berharap semoga artikel di Blog ini bermanfaat dan dapat menambah wawasan bagi kita.

Catatan Pesan :

"Aku tidak pernah tahu hari akhir yang akan ditetapkan untukku, maka kujadikan hari-hariku seluruhnya layaknya hari terakhir, karena bisa saja dan pasti datangnya diantara hari-hariku nanti ada yang menjadi hari terakhir bagiku..."

Yan Sofyanz

    -

19 November 2010

Membuat Recent Post (Postingan Terbaru) di Blogspot

Cara Membuat Recent Post (Postingan Terbaru) di Blogspot dengan menggunakan feed default blogger. 
1. Masuk ke Dashboard -> Tata Letak -> Elemen halaman Pilih Tambah Gadget

2. Pilih Html/Java script

3. Akan muncul kotak dialog html/javascript


4. Masukkan kode berikut pada html/javascript di atas:
<script>
//credit to hoctro
function rp(json) {
document.write('<ul>');
for (var i = 0; i < numposts; i++) {
document.write('<li>');
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 = "(lagi)";
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 (showpostdate == true) document.write('# ' + cdday + ' ' + monthnames[parseInt(cdmonth,10)] + '>> ');
document.write(posttitle + ' ');
if (showpostsummary == true) {
if (postcontent.length < numchars) {
document.write(postcontent);
} else {
postcontent = postcontent.substring(0, numchars);
var quoteEnd = postcontent.lastIndexOf(" ");
postcontent = postcontent.substring(0,quoteEnd);
document.write('-> ' + postcontent + '...' + readmorelink);
}
}
document.write('</li>');
document.write('<hr width="100%" size="1" />');
}
document.write('</ul>');
}
</script><script>var numposts = 17; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><script src="isidenganurlbloganda/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"> </script> 

Catatan:
var numposts = 17 (angka 17) bisa anda ganti dengan banyaknya judul postingan yang akan anda tampilkan, misalnya 7
var showpostdate=false , bisa diubah menjadi : var showpostdate=true
var showpostsummary=false , bisa diubah menjadi : var showpostsummary=true
 

5. Jangan lupa klik tombol Simpan.
                       

Baca Artikel Menarik Lainnya di :: Sekedar Berbagi Rasa ::

Artikel Membuat Recent Post (Postingan Terbaru) di Blogspot Dipublikasikan pada hari Jumat, November 19, 2010. Semoga Tulisan ini dapat memberi manfaat dan menambah Wawasan Kita semua. Terimakasih telah berkunjung di Blog ini serta kesediaan Anda membaca artikel ini. Jazakumullahu khoiron.


Next Prev home
Alexa Rank
TopOfBlogs Text Backlink Exchanges My Ping in TotalPing.com Subscribe in Bloglines Add to The Free Dictionary